Editor storefrontu - Nastavení motivu

Panel nastavení motivu v editoru storefrontu — Editor storefrontu > Nastavení motivu

Panel Nastavení motivu je vstupním bodem pro všechny globální designové tokeny: barvy, typografii, rozložení, styly komponent a vlastní CSS. Vyberte kategorii pro otevření jejího panelu nastavení. Změny se projeví na každé stránce vašeho storefrontu a v náhledu se zobrazí okamžitě.

Kategorie

Nastavení motivu je rozděleno do čtyř sekcí: Globální designové tokeny, které ovlivňují celkový vzhled storefrontu.

Kategorie	Popis
Logo	Šířka loga v záhlaví storefrontu.
Barvy	Barvy pozadí, textu, rámečků a stavů.
Typografie	Rodiny písem a škálování pro nadpisy a text.
Rozložení	Maximální šířka stránky a vodorovné okraje.

Components

Styly interaktivních prvků uživatelského rozhraní.

Kategorie	Popis
Tlačítka	Barvy tlačítek, tloušťka rámečku a poloměr rohu.
Vstupy	Barvy polí formuláře, tloušťka rámečku a poloměr rohu.
Drobné navigace	Barvy textu a aktivní položky drobné navigace.
Sbalitelná sekce	Barvy, rámeček a poloměr rohu rozbalitelných bloků.
Kalendář	Barvy stavu zásob, rámečky a odsazení kalendáře dostupnosti.

Cards

Styly kartových ploch a dalších vizuálních bloků.

Kategorie	Popis
Variant pills	Barvy, rámeček a poloměr rohu voliče variant.
Karta nabídek	Barvy, rámečky, odsazení a nastavení obrázků karty nabídky.
Karta kolekce	Barvy, rámečky, odsazení a nastavení obrázků karty kolekce.
Dostupnost vyzvednutí	Karta dostupnosti vyzvednutí na stránce nabídky.
Výběr obchodu v košíku	Výběr obchodu na stránce košíku.
Ukazatel dostupnosti	Tečka stavu dostupnosti a její text.
Záhlaví	Barvy pozadí, textu, ikon a rámečku záhlaví.
Oznámení	Barvy pozadí a textu oznamovacího pruhu.
Vyhledávací lišta	Barva pozadí vyhledávací lišty.
Sekce filtru	Barva rámečku sekce filtru na stránce kolekce.

Settings

Pokročilé nástroje motivu.

Kategorie	Popis
Vlastní CSS	Přidejte do storefrontu libovolná pravidla CSS.
Styl motivu	Prohlížejte, kopírujte a hromadně upravujte všechny CSS proměnné motivu. Resetujte celý motiv.

Jak to funguje

Každý panel kategorie má tlačítko Obnovit, které vrátí na výchozí hodnoty pouze nastavení dané kategorie. Pro reset všeho najednou použijte tlačítko Resetovat celý motiv v panelu Styl motivu. Změny se v náhledu zobrazují v reálném čase, ale neukládají se, dokud je neuložíte. Uložit změny v horním panelu editoru je zapíše přímo do živého storefrontu. Samostatný krok pro koncept nebo publikování neexistuje. Zavření editoru s neuloženými změnami otevře dialog, kde je uložíte nebo zahodíte.

Otevřete editor storefrontu
Vyberte kategorii nastavení
Upravte hodnoty, náhled se aktualizuje v reálném čase
Uložte, změny se projeví okamžitě

Vítejte v dokumentaci TWICE

Orientace v TWICE

Jak systém funguje

Editor storefrontu - Nastavení motivu

Kategorie

Header

Components

Cards

Settings

Jak to funguje

Související články

Přehled editoru storefrontu

Styl motivu

​Kategorie

​Header

​Components

​Cards

​Settings

​Jak to funguje

​Související články

Přehled editoru storefrontu

Styl motivu

Kategorie

Header

Components

Cards

Settings

Jak to funguje

Související články