Nastavenia a šablóny
Konfigurácia widgetu je uložená na serveri a widget si ju vyzdvihne pri štarte. Zmena sa prejaví bez zásahu do kódu e-shopu a bez nasadzovania.
Režim zobrazenia
| režim | správanie |
|---|---|
dropdown | panel sa rozbalí pod vyhľadávacím poľom e-shopu; pole zostáva jediným inputom |
modal | výsledky sa otvoria cez celú obrazovku, panel má vlastné vyhľadávacie pole |
Na mobilných zariadeniach sa dropdown správa ako bottom sheet pripnutý k spodnej hrane obrazovky: vyhľadávacie pole zostáva na mieste a posúva sa iba obsah panelu.
Šablóny
Šablóna je vždy dvojica layout + téma, napríklad standard-soft.
Layout určuje funkcie panelu a jeho usporiadanie:
| layout | pre koho | čo obsahuje |
|---|---|---|
| Mini | úzke pole, obmedzený priestor | kompaktný zoznam produktov, kategórie ako pills |
| Standard | bežný e-shop | obrázok, názov a cena, prepínač list/grid, tlačidlo na zobrazenie ďalších výsledkov |
| Pro | plnohodnotná výsledková plocha | filtre (cena, kategórie, facety), radenie, stránkovanie, kód produktu na karte |
| Max | Standard aj Pro v jednom widgete | zákazník prepína medzi rýchlym a rozšíreným vyhľadávaním |
Téma definuje výhradne vzhľad — farby, typografiu a odsadenie. Univerzálne témy sú Soft (značková, s akcentom Metty) a Flat (plochá a striedma). Pre e-shop s vlastným dizajnom vieme pripraviť tému na mieru, ktorá prevezme jeho farby a typografiu.
Layout a téma sú nezávislé, takže Standard Soft a Standard Flat sa správajú rovnako a líšia sa iba vizuálne.
Max — rýchle aj rozšírené hľadanie
Max je jeden widget, ktorý pokrýva dropdown pod vyhľadávacím poľom aj kompletnú výsledkovú stránku:
- otvára sa v rýchlom (Standard) zobrazení so zoznamom produktov a kategórií,
- prepínač „Rozšírené hľadanie“ aktivuje Pro zobrazenie s filtrami, facetmi z katalógu, radením a stránkovaním,
- prepínač „Späť na rýchle hľadanie“ vráti pôvodné zobrazenie, pričom dotaz zostáva zachovaný.
Prepnutie späť na rýchle zobrazenie zahodí filtre aj radenie: rýchle zobrazenie ich neukazuje ani nevie zrušiť, takže by výsledky potichu zužovali. Zákazníkovi zostáva iba dotaz a znova dostane celý výsledok pre neho.
E-shop tak nepotrebuje vlastnú výsledkovú stránku.
Počty výsledkov
Počet produktov, kategórií a návrhov, ktoré si widget vyžiada, určuje layout; nejde o nastavenie na úrovni e-shopu. Mini a Standard zobrazujú kompaktný výber, Pro pracuje so širokým výberom a stránkuje ho priamo v prehliadači.
Koľko produktov unesie prvá strana, určuje takisto layout, a každý z nich používa na mobile kratší zoznam:
| layout | desktop | mobil |
|---|---|---|
| Mini | 10 | 6 |
| Standard | 6 v dávke | 4 v dávke |
| Pro | 15 na stranu | 5 na stranu |
V Pro zobrazení si návštevník vie veľkosť strany zdvihnúť na 30 alebo 60 priamo vo widgete. E-shop do žiadneho z tých čísel nehovorí: patria layoutu a sú rovnaké pre každý e-shop aj každú tému.
Vzhľad
Vzhľad sa pre e-shop nenastavuje za behu. Farby, typografia, odsadenie, zaoblenie aj to, čo karta produktu ukazuje — vrátane kódu produktu a stavu skladu — sú súčasťou témy a sú zabudované v builde widgetu. Widget si ich z nastavení na serveri neberie, takže sa nedajú zmeniť bez nového vydania widgetu.
E-shop s vlastnou paletou alebo fontom preto namiesto prepísania hodnôt dostane tému na mieru: pripravíme ju podľa vášho dizajnu a príde s najbližším vydaním. Farba zvýraznenia zhody je takisto súčasťou témy, takže sa ladí spolu so zvyškom jej palety.
Overenie zmeny pred nasadením
Pred nasadením vieme pripraviť náhľad: odkaz na preview.metty.eu, kde je widget s konkrétnou konfiguráciou umiestnený na screenshote vášho webu. Výsledok tak viete posúdiť bez akéhokoľvek zásahu do produkčného e-shopu.