Jak přidat vlastní CSS do celého obchodu nebo do jedné sekce?

CSS mění vzhled obchodu: barvy, rozestupy, velikosti a další. Vlastní CSS můžete v editoru obchodu přidat na dvou místech: pro celý obchod, nebo jen pro jednu sekci.

Vlastní CSS pro celý obchod

Klikněte na ikonu ozubeného kola a otevřete kartu Vlastní CSS. Pole se jmenuje CSS kód: Platí pro celý obchod. Vaše CSS se načte na každé stránce trhu, který upravujete, a náhled ukáže výsledek.

Použijte ho pro pravidla, která mají platit všude, například skrytí prvku na všech stránkách nebo změnu stylu všech tlačítek. Například h1 { text-transform: uppercase; } napíše hlavní nadpis každé stránky velkými písmeny.

Vlastní CSS pro jednu sekci

Vyberte sekci na kartě Sekce. Dole v jejím nastavení otevřete kartu Vlastní CSS. Její pole CSS kód říká Platí jen pro tuto sekci. Má ji většina sekcí, včetně záhlaví, zápatí, hlavního banneru, informací o produktu a pokladny.

Toto je bezpečnější volba. Storeep před každý váš selektor přidá sekci, takže vaše pravidla nemohou změnit nic mimo ni.

• h2 { letter-spacing: 2px; } změní jen nadpisy uvnitř této sekce.
• Pro stylování samotné sekce použijte &: & { border-top: 1px solid #000; }.
• Pravidla @media fungují. Pravidla uvnitř nich jsou také omezená na sekci.
• Animace @keyframes zůstanou tak, jak jste je napsali.

CSS sekce patří k této sekci na této stránce. Pomocí Použít na všechny stránky u sekce zkopírujete sekci i s jejím CSS na ostatní stránky, které ji obsahují. Viz Použít na všechny stránky.

Které použít

• Jedna sekce vypadá špatně: použijte Vlastní CSS sekce.
• Stejná změna je potřeba všude: použijte kartu Vlastní CSS v nastavení.
• Než začnete psát CSS, zkontrolujte, jestli to už nedělá nějaké nastavení: barvy jsou v barevných schématech, písma v nastavení písem a rohy a stíny určuje váš motiv.

Když vaše CSS nefunguje

• Zkontrolujte, zda nechybí } nebo ;. Jedna chyba může zastavit všechna pravidla za ní.
• Vaše pravidlo může být slabší než pravidlo motivu. Použijte konkrétnější selektor.
• V CSS sekce nezačínejte selektor s body ani html. Ty jsou mimo sekci, takže pravidlo se neuplatní.
• Pokud stránka vypadá rozbitá, odstraňte poslední změnu, zveřejněte a přidávejte pravidla zpět jedno po druhém.

Dobré vědět

• Vlastní CSS patří k trhu, který právě upravujete. Zopakujte ho v každém trhu, kde ho potřebujete.
• Změna motivu může změnit názvy tříd a rozvržení, takže po změně motivu vlastní CSS zkontrolujte.
• Změny se zobrazí zákazníkům po kliknutí na Zveřejnit.
• HTML a kód uvnitř stránky popisuje článek Vlastní kód.