Už žádné složité ladění kódu naslepo! Náš nový Generátor CSS pro doplněk Propojení produktů vám umožní přizpůsobit vzhled propojení přesně podle vašeho e-shopu – bez znalosti CSS.
Stačí vybrat typ propojení, upravit barvy, tvary nebo písmo a během chvilky získáte hotový kód připravený ke vložení do Shoptetu.
💡 Před použitím si prosím zazálohujte, třeba do Poznámkového bloku, původní kód v záhlaví svého e-shopu (sekce Vzhled a obsah → Návrhář šablony → HTML editor </> → Záhlaví <HEAD>), abyste se mohli kdykoli vrátit zpět. Vygerovaný kód vložte na konec existujícího obsahu v Záhlaví.
Vyzkoušejte si generátor rovnou níže 👇 a vytvořte si vzhled propojení, který bude přesně ladit s vaším stylem! Provede vás třemi kroky: vyberete typ propojení, upravíte design a zkopírujete hotový kód.
CSS Generátor – Propojení produktů
Upravte si vzhled propojení produktů na vašem e-shopu
👆 Vyberte typ propojení výše pro zobrazení nastavení
Vyberte typ propojení pro zobrazení náhledu
Typy propojení, které si můžete nastylovat
- Popis propojení – nadpis nad variantami nebo vedle nich
- Obrázky – propojení s náhledy produktů
- Velikosti – box s čísly nebo textem
- Barvy – barevné varianty produktu
- Seznam – rozbalovací výběr variant
U každého typu si naklikáte barvy, tvary i písmo, hned vidíte náhled a výsledné CSS si zkopírujete nebo stáhnete.
Jak použít vygenerovaný kód
- Nastavte si design podle svých představ.
- Klikněte na tlačítko „Kopírovat" nebo „Stáhnout".
- V administraci Shoptetu přejděte do Vzhled a obsah → Návrhář šablony → HTML editor
</>→ Záhlaví (<HEAD>). - Vložte zkopírovaný kód na konec existujícího obsahu a uložte.
Generátor se týká pouze prvků doplňku Propojení produktů; u výrazně upravených šablon může být výjimečně potřeba doladit kaskádu CSS.