1. Hlavní stránka
  2. Používání šablon
  3. Design e-shopu – šablony generace 3.0

Design e-shopu – šablony generace 3.0

Po vstupu do Nastavení → Design webu → Nabídka dalších šablon  si můžete zvolit z nabídky 4 generací šablon. 

Design eshopu na šablonách 3.0

DOPORUČENÍ
Ačkoliv nabízíme široký výběr šablon, doporučujeme využít nejnovější generaci šablon 4.0 aktuálně zastoupenou šablonou New York. Šablona nabízí nejširší možnosti a je postavena na nejpokročilejších technologiích. Popis předností zbrusu nové generace šablon naleznete v článku Revoluční e-shopová šablona New York chce válcovat konkurenci. Návod máme i pro pokyny na přechod ze starších šablon na šablonu verze 4.0

Volbu šablon generace 1.0 a 2.0 (na obrázku níže jako 3) již v dnešní době tolik nedoporučujeme. Jedná se o technologicky starší a neaktualizované šablony z dob, kdy trendem nebyly návštěvy a nákupy na mobilních zařízeních. Nejsou tedy pro tyto zařízení tolik (některé vůbec) odladěné a v nabídce jsou ponechané z důvodů kompatibility a využití staršími zákazníky.

Proč upřednostnit responzivní šablony 4.0, příp. 3.0 (na obrázku níže jako 1,2) s vyladěným UX designem se dočtete v článku UX DESIGN – design, který nevidíte, ale cítíte.

Design eshopu na šablonách 3.0

Použití šablon generace 3.0

Pokud se rozhodnete pro použití šablon generace 3.0, můžete volit mezi nejvyužívanějšími šablonami Porto / Tokyo / Paris v různých barevných modifikacích a mnoha dalšími staršími šablonami.

Nejoblíbenější šablony generace 3.0

Porto – šablona s vertikálním (svislým) rozvržením menu

Tokyo – šablona s horizontálním (vodorovným) rozvržením menu

Paris – šablona s vertikálním menu a celostránkovým rozvržením produktů

Použití pracovního módu

Před vlastním nasazením šablony lze využít tzv. Pracovní mód (2), pomocí kterého si můžete vyladit e-shop nanečisto. Podrobnější popis pracovního módu naleznete v návodu Přechod ze starších šablon na šablonu verze 4.0 sekce Pracovní mód. Nicméně pokud zakládáte zcela nový e-shop a není tak říkajíc co zkazit, můžete rovnou přejít ke zvolení požadované šablony (1) a její editaci.

Design eshopu na šablonách 3.0

 

Editace šablon generace 3.0 

Pro editaci zvolené šablony pokračujte do Nastavení → Design webu → Editovat šablonu

Design eshopu na šablonách 3.0

V dalším okně se již zobrazí editor designu.

V editoru můžete nastavit:

  1. Obrázek hlavičky
  2. Obrázek pozadí středu stránky
  3. Barva pozadí středu stránky
  4. Obrázek pozadí obsahové části stránky
  5. Barva pozadí obsahové části stránky
  6. Obrázek tzv. faviconu
  7. Zkušenější uživatele mohou šablonu editovat také pomocí HTML a CSS kódu

Design eshopu na šablonách 3.0

Změny můžete ihned publikovat pomocí tlačítka Zveřejnit provedené změny (8). Pokud provedete mnoho změn a chcete se raději rychle vrátit do původního nastavení, použijte tlačítko Výchozí nastavení šablony (9). Veškeré vámi provedené změny v tomto editoru, včetně úprav CSS a zde vyplněných HTML kódů, budou ztraceny. 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.

Porovnání editačních možností šablon generace 3.0 versus generace 4.0

Jak jsme již v úvodu návodu uvedli, nová generace šablon 4.0, aktuálně zastoupená šablonou New York, má mnohem širší možnosti editace. Pokud stále tíhnete k použití šablon generace 3.0, porovnejte editační možnosti s šablonou New York. Především snadná editace mnohem většího spektra prvků bez nutnosti zásahu do CSS a HTML, možnost vkládání obrázků do menu a kategorií a tvorba moderní patičky patří mezi ty nejvíce oceňované novinky. To je však jen střípek z dlouhého seznamu novinek a vychytávek, kterými se nová generace šablon 4.0 pyšní.

Práce s editorem šablony 4.0

Vkládání obrázků do menu a kategorií

Tvorba a editace patičky

Ukázka rozšířeného editoru nové generace šablon 4.0

 

Pomohl Vám tento návod? Ano Ne