Jak upravit vzhled šablony New York na Eshop-rychle

Šablona New York je jedna z nejpoužívanějších šablon na Eshop-rychle.cz. Nabízí nastavení vzhledu; pro další úpravy lze použít vlastní CSS. Větší změny vzhledu se dělají vlastním CSS v editoru šablony. Tento návod ukazuje, kde ho najdete, jak kód vložit a čeho se vyvarovat.

Kde je editor šablony

V administraci e-shopu otevřete Nastavení → Design webu → Editovat šablonu. Názvy položek se mohou lišit podle verze administrace. Nahoře jsou záložky: Barevná schémata, Logo a favicon, Informační lišta, CSS a HTML kód. Pro úpravy vzhledu použijete záložku CSS; záložka HTML kód obsahuje pole Meta hlavička, Záhlaví a Zápatí pro skripty a měřicí kódy.

Co lze v šabloně New York upravit CSS

Velikost a barvu názvů produktů v kartách.
Vzhled tlačítek „Do košíku“ a „Zvolit variantu“.
Hvězdičky hodnocení.
Horní informační lištu a logo.
Cookie lištu.
Skrytí prvků, které nepoužíváte (údaj „Skladem“, lišta Specifikace/Hodnocení/Komentáře v detailu).
Zobrazení na mobilu – šablona má zlom přibližně na 767 px.

Co CSS nezmění

CSS mění jen vzhled. Nové chování (nahrání fotky, povinné pole, výpočet termínu) vyžaduje JavaScript v poli Záhlaví nebo Zápatí – tomu se říká doplněk. Serverovou část e-shopu (doprava, platby, administrace) nezmění ani CSS, ani doplněk; tu spravuje platforma.

Jak vložit CSS bez chyb

Zálohujte obsah pole CSS – zkopírujte ho do textového souboru.
Nový kód vkládejte na konec pole, jako označený blok s komentářem na začátku a na konci (/ NÁZEV ÚPRAVY – ZAČÁTEK / … / KONEC /). Snáze ho pak najdete a odeberete.
Pracujte v jedné kartě prohlížeče. Editor ukládá celý formulář – když uložíte ze starší karty, přepíšete novější změny.
Po kliknutí na Zveřejnit provedené změny stránku e-shopu obnovte (Ctrl+F5) a zkontrolujte počítač i mobil.
Vyhněte se selektorům typu .c332 tam, kde existuje data-selector nebo id – generované třídy se mohou po aktualizaci šablony změnit.

Nejčastější chyby

Kód vložený doprostřed cizího bloku (měřicí kód, doplněk třetí strany) – ten pak přestane fungovat.
Úprava, která na počítači vypadá dobře, ale na mobilu rozbije rozložení – vždy testujte i telefon.
Smazání celého pole CSS místo jednoho bloku.

Když se do toho nechcete pouštět

Hotové CSS styly pro šablonu New York (hvězdičky, tlačítka, cookie lišta, lišta, logo) najdete v nabídce CSS stylů. Vložíte je do pole CSS během minuty. Pokud potřebujete něco jiného, napište mi adresu e-shopu a co má být jinak.

Eshop-chytře.cz je nezávislá služba, není provozovatelem platformy Eshop-rychle.cz.