Sticky hlavička

Chcete zákazníkům výrazně zlepšit orientaci na vašem e-shopu? Umožněte jim ukotvit hlavičku webu k hornímu okraji monitoru a mít tak důležité prvky neustále po ruce. Jakmile zákazník sjede na obsahovou část webu, vyskočí mu u horního okraje displeje „sticky“ hlavička.

Vlastnosti Sticky hlavičky

Sticky nebo chcete-li, fixní hlavička, zůstává stále „přišpendlena“ k hornímu okraji displeje mobilního telefonu nebo monitoru počítače, i když návštěvník roluje stránku dolů. Zmizí pouze v okamžiku, kdy zákazník vyjede opět úplně nahoru. V tomto momentu se zobrazí zase klasická hlavička.

Doplněk funguje také na mobilních zařízeních, kde se zákazníkovi objeví upravená verze hlavičky v podobě úzkého proužku, který obsahuje logo e-shopu a „hamburger“ tlačítko pro zobrazení hlavního menu. U některých šablon je pak tato hlavička na mobilu obohacena ještě o nákupní košík, u jiných potom o tlačítko pro přihlášení uživatele.

Sticky hlavička pouze na mobilu

Pokud chcete mít sticky hlavičku jenom pro mobilní verzi e-shopu, pak do textového pole Záhlaví v sekci Vzhled a obsah – Editor, záložka HTML kód zadejte po objednání doplňku tento kód, který zakáže sticky hlavičku pro tablet a desktop:

@media screen and (min-width: 768px) {
#header{position: relative !important;}
.mobil-lista{display: none !important;}
}

Viz ukázka:

Doplněk je určen pro všechny šablony, které Shoptet nabízí (kromě šablon Techno a Waltz, kde je sticky hlavička je už v základu).

Proč si vybrat tento doplněk?

Fixní hlavičku si pořiďte, pokud vám opravdu záleží na tom, aby měl zákazník celou dobu na očích prvky, které se nachází v záhlaví webu. Rychle se tak dostane do košíku a hlavního menu z jakékoli pozice na stránkách vašeho e-shopu.

Hledáte vylepšení pro svůj e-shop? Koukněte na novou vyladěnou šablonu Merkur.