Přejít na hlavní obsah
Panel nastavení stylu motivu v editoru storefrontu

Editor storefrontu > Styl motivu

Panel Styl motivu zobrazuje každé aktivní nastavení motivu jako CSS proměnnou v bloku kódu jen pro čtení. Použijte jej k prohlížení aktuálních hodnot, kopírování proměnných pro použití ve Vlastním CSS nebo k hromadné úpravě více nastavení najednou.

​
Reset celého motivu

Klikněte na Resetovat celý motiv pro vrácení všech nastavení napříč všemi panely na výchozí motiv TWICE Commerce. Jde o jedinou akci, která ovlivní barvy, typografii, rozložení, tlačítka, vstupy, kalendář, karty nabídek a všechna ostatní nastavení motivu.
Reset motivu zahodí všechna vaše přizpůsobení. Reset se projeví na živém storefrontu okamžitě po uložení, neexistuje koncept ani krok publikování, na který by bylo možné se vrátit, a uložený reset nelze vzít zpět. Chcete-li neuložený reset zrušit, zavřete editor a v dialogu neuložených změn zvolte Zahodit.

​
CSS motivu

Blok CSS zobrazuje pravidlo :root se všemi proměnnými motivu a jejich aktuálními hodnotami. Můžete:
  • Kopírovat: kliknutím na ikonu kopírování zkopírujete všechny proměnné do schránky.
  • Odemknout: kliknutím na ikonu zámku přepnete do režimu úprav.
  • Upravit: hodnoty proměnných měňte přímo v textovém poli. Použijte standardní syntaxi CSS.
  • Použít změny: zpracuje upravené CSS a aktualizuje odpovídající nastavení motivu.
Úprava CSS proměnné v tomto panelu aktualizuje stejné nastavení jako odpovídající vizuální panel. Například změna --storefront-button-border-radius zde má stejný účinek jako posun posuvníku Poloměr rohu v panelu Tlačítka.

​
Související články

Vlastní CSS

Přidejte do storefrontu vlastní pravidla CSS.

Barvy

Definujte barevnou paletu storefrontu.