Články o: Používání šablon

Design webu

V sekci Design webu si můžete snadno spravovat vzhled e-shopu – vybírat z dostupných šablon, měnit barevná schémata a přizpůsobovat barvy podle svých potřeb. Tento návod vás provede celým postupem.


Kde sekci najdete?


Sekci Design webu najdete v hlavním menu administrace – mezi položkami Propagace e-shopu a Nastavení.


Obsahuje dvě podsekce:

  • Nabídka šablon – výběr a správa šablony e-shopu
  • Nastavení šablony – úprava barevnosti, písma, hlavičky, patičky a dalších prvků



Nabídka šablon


V horní části sekce uvidíte aktuálně zvolenou šablonu. Pomocí tlačítka Editovat šablonu otevřete její nastavení a doladíte detaily.


Níže se zobrazuje nabídka ostatních šablon, ze kterých si můžete vybrat novou. Kliknete-li na tlačítko Zvolit šablonu, pak nedojde ihned k jejímu publikování - automaticky se dostanete do editoru šablony, ve kterém si šablonu přizpůsobíte. Až poté, co publikujete změny veřejně (přes tlačítko Zveřejnit provedené změny), dojde k tomu, že bude šablona zvolena a viditelná návštěvníkům e-shopu.


TIP: Nejste si jistí, kterou šablonu zvolit? Přečtěte si návody k našim nejnovějším šablonám: New York, Milano, Geneva, Babylon a Shopiqueen.


Nabídka dalších šablon


Pracovní mód

Před nasazením nové šablony můžete využít tzv. pracovní mód, ve kterém si vše vyzkoušíte nanečisto – změny neuvidí vaši zákazníci.


Podrobněji je popsán v článcích:


Pokud vytváříte nový e-shop, můžete mezi šablonami přepínat přímo – pracovní mód není nutný. Pokud již ovšem máte návštěvnost a nechcete zákazníkům ukazovat nedokončený vzhled e-shopu, pak pracovní mód doporučujeme.


Zapnout pracovní mód


Nastavení šablony


V podsekci Nastavení šablony najdete veškeré možnosti vzhledu – od loga e-shopu a faviconu přes Informační lištu až po vlastní CSS a HTML kód (prostor pro vlastní CSS a HTML naleznete zcela dole).

První blok tvoří Barevná schémata šablony.


Nastavení loga, favicony a přizpůsobení informační lišty


Barevná schémata šablony


Ve výchozím nastavení šablony budete mít aktivní první barevné schéma (např. u šablony New York je to tedy schéma Oranžová se zelenou). Z nabídky si však můžete vybrat některé z předpřipravených barevných kombinací, nebo si vytvořit vlastní variantu pomocí tlačítka Přizpůsobit.


Pamatujte, že barevná schémata šablony jsou aktivní pouze u nové generace šablon 4.0.


Barevná schémata šablony New York



Co lze upravovat v editoru barev

  • Hlavní a vedlejší barvu šablony
  • Barvy tlačítek (konverzní, obecná, méně důležitá)
  • Barvy menu, textu a nadpisů
  • Písmo šablony
  • Hlavičku webu (barva pozadí)
  • Pozadí webu (barva/obrázek, upevnění, pozice, roztažení, opakování)
  • Patičku (barva pozadí, textu, nadpisů, odkazů)


DOPORUČENÍ: V návodu Práce s editorem šablony se podrobněji dočtete o struktuře a prvcích šablon. Je zde rozebráno, jak kterou část šablony editovat.


Jak funguje vlastní barevná kombinace

  • Jakmile začnete upravovat některé z předpřipravených barevných schémat, systém automaticky vytvoří vlastní barevnou kombinaci. Využijete-li tedy přizpůsobení, pak naleznete barevné schéma s názvem Vlastní barevná kombinace zcela na konci nabídky ze všech schémat.
  • Změny se na veřejný e-shop propíší až po kliknutí na Zveřejnit změny.


Vlastní barevná kombinace - schéma je zcela na konci


Nabídka designu na míru

V dolní části editoru barev se zobrazuje banner s nabídkou profesionálního designu na míru. Kliknutím na tlačítko Mám zájem o design na míru otevřete formulář, kde můžete odeslat kontakt našemu týmu.


DOPORUČENÍ: Ve spodní části sekce Design webu naleznete možnost "Výchozí nastavení šablony". Kdykoli tedy máte možnost vyresetovat šablonu do jejího výchozího nastavení. Veškeré vámi provedené změny v tomto editoru, včetně úprav CSS a zde vyplněných HTML kódů, budou tímto ztraceny. Toto nastavení lze použít také pro pracovní mód. Při použití této funkce v pracovním módu vyresetujete pouze nastavení pracovního módu, až do publikování změn veřejně se vaše ostré nastavení neztrácí na trvalo.




Aktualizováno dne: 16/10/2025

Pomozte nám zlepšovat seznam dotazů i pro ostatní zákazníky. Pomohla Vám odpověď při řešení Vašeho požadavku?

Podělte se o svůj názor

Zrušit

Děkujeme Vám za Váš názor.