Poradna · Úvodní stránka

Dlaždice kategorií na úvodní stránce krok za krokem

Dlaždice s obrázky jsou nejrychlejší cesta, jak zákazníka z úvodní stránky dostat do správné kategorie. Hlavně na mobilu, kde menu je schované. Eshop-rychle na to nemá samostatné tlačítko, ale jde to udělat v obsahu úvodní stránky.

Než začnete: připravte si obrázky

Stejný tvar u všech dlaždic. Například čtverec 600 × 600 px. Jinak dlaždice „skáčou“.
Jeden výrazný produkt na obrázku. Na malé dlaždici se detaily ztratí.
Bez textu v obrázku. Název kategorie dejte pod obrázek jako text. Text v obrázku se na mobilu zmenší a rozmaže.
Rozumná velikost souboru. Pár set kB na obrázek stačí. Velké soubory zpomalí úvodní stránku.
Adresy kategorií. Otevřete každou kategorii na e-shopu a zkopírujte si její adresu.

Postup podle nápovědy Eshop-rychle

Nahrajte obrázky do správce souborů v administraci.
Otevřete Obsah → Obsah webu → Úvodní strana webu.
Vložte tabulku s obrázky. Každý obrázek s názvem pod ním propojte odkazem na kategorii.
Aby se dlaždice na mobilu správně skládaly pod sebe, použijte třídu homepage-categories podle návodu v nápovědě. Počet sloupců určuje doplněk třídy, například homepage-categories--col-4.
Uložte a zkontrolujte úvodní stránku na počítači i na mobilu.

Podrobný návod s ukázkou kódu najdete v nápovědě Eshop-rychle v článku Kategorie a podkategorie jako obrázkové odkazy.

Kolik dlaždic dát

Nejčastěji 4, 6 nebo 8. Vyberte hlavní kategorie, ne všechny. Dlaždice mají zákazníka rychle nasměrovat, ne nahradit menu. Pokud máte jen jednu velkou kategorii, ukažte raději její podkategorie.

Dvě cesty, jak vzhled dotáhnout

Jen podle nápovědy

Dlaždice uděláte sami tabulkou a třídou z nápovědy.

Výhody: je to zdarma; máte vše pod kontrolou.

Nevýhody: vzhled je jednoduchý; při změně kategorie musíte dlaždici ručně upravit.

S úpravou vzhledu

Dlaždice dostanou zaoblení, stín, efekt při najetí myší nebo popisek přes obrázek.

Výhody: působí moderněji; zákazník pozná, že na dlaždici jde kliknout.

Nevýhody: potřebujete úpravu vzhledu (CSS); obrázky i tak připravujete sami.

Časté otázky

Můžu místo kategorií odkázat na akci nebo novinky?

Ano. Dlaždice je obyčejný odkaz, může vést na jakoukoli stránku e-shopu.

Zpomalí dlaždice úvodní stránku?

Jen když použijete velké obrázky. Zmenšené obrázky do pár set kB rychlost téměř neovlivní.

Dobré vědět: Do pole Alt u obrázku napište název kategorie. Pomůže to vyhledávačům i lidem se čtečkou obrazovky.

Vzhled dlaždic (kategorie jako dlaždice, efekt při najetí, popisky) nabízím v sekci Úvodní stránka. Funguje se všemi šablonami Eshop-rychle, cenu najdete u konkrétní úpravy.

Začněte s několika dlaždicemi a sledujte, na které zákazníci klikají nejvíc.