Sticky hlavička
Čo doplnok umožní?
- Zlepší orientáciu zákazníka pri prezeraní vášho e-shopu na mobile aj počítači
- Zabezpečí, že zákazník bude mať dôležité prvky e-shopu neustále na očiach
- Vylepší budovanie brandu, pretože zákazník po celý čas, čo váš web prezerá, vidí vaše logo
Chcete zákazníkom výrazne zlepšiť orientáciu vo vašom e-shope? Umožnite im ukotviť hlavičku webu k hornému okraju monitora a mať tak dôležité prvky neustále po ruke. Akonáhle zákazník zíde na obsahovú časť webu, vyskočí mu pri hornom okraji displeja "sticky" hlavička.
Vlastnosti Sticky hlavičky
Sticky alebo ak chcete, fixná hlavička, zostáva stále "prišpendlená" k hornému okraju displeja mobilného telefónu alebo monitora počítača, aj keď návštevník roluje stránku dole. Zmizne iba v okamihu, kedy zákazník vyjde opäť úplne hore. V tomto momente sa zobrazí zase klasická hlavička.
Doplnok funguje aj na mobilných zariadeniach, kde sa zákazníkovi objaví upravená verzia hlavičky v podobe úzkeho prúžku, ktorý obsahuje logo e-shopu a "hamburger" tlačidlo pre zobrazenie hlavného menu. Pri niektorých šablónach je potom táto hlavička na mobile obohatená ešte o nákupný košík, u iných potom o tlačidlo pre prihlásenie užívateľa.
 |
 |
Sticky hlavička len na mobile
Pokiaľ chcete mať sticky hlavičku len pre mobilnú verziu e-shopu, potom do textového poľa Hlavička v sekcii Vzhľad a obsah - Editor, záložka HTML kód, zadajte po objednaní doplnku tento kód, ktorý zakáže sticky hlavičku pre tablet a desktop:
@media screen and (min-width: 768px) {
#header{position: relative !important;}
.mobil-lista{display: none !important;}
}
Viď. ukážka:
Doplnok je určený pre všetky šablóny, ktoré vyvinul Shoptet (okrem šablón Techno a Waltz, kde je sticky hlavička už v základe).
Prečo si vybrať tento doplnok?
Fixnú hlavičku si kúpte, ak vám naozaj záleží na tom, aby mal zákazník celú dobu na očiach prvky, ktoré sa nachádzajú v záhlaví webu. Rýchlo sa tak dostane do košíka a hlavného menu z akejkoľvek pozície na stránkach vášho e-shopu.
Hľadáte vylepšenie pre svoj e-shop? Pozrite na novú vyladenú šablonu Merkur.
.jpg)