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
Widget sa zobrazuje v režime modal: klik do vyhľadávacieho poľa e-shopu otvorí nad stránkou okno s výsledkami, ktoré má vlastné vyhľadávacie pole. Pole e-shopu slúži iba na otvorenie widgetu. Stránka pod oknom je stmavená a kým je okno otvorené, neposúva sa.
Na desktope je okno vycentrované; keď je jeho obsah vyšší ako obrazovka, posúva sa celé okno. Na mobile (šírka obrazovky pod 768 px) sa okno vysunie zdola ako bottom sheet: vyhľadávacie pole zostáva prilepené hore a posúva sa iba obsah pod ním. Filtre sa na mobile otvárajú tlačidlom „Filtre“ v samostatnom spodnom paneli.
Šablóny
Šablóna je vždy dvojica layout + téma, napríklad pro-soft.
Layout určuje funkcie panelu a jeho usporiadanie. Widget používa layout Pro — plnohodnotnú výsledkovú plochu s filtrami (cena, kategórie, facety), radením, stránkovaním a kódom produktu na karte.
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 Pro Soft a Pro Flat sa správajú rovnako a líšia sa iba vizuálne.
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. Pro si k dotazu vyžiada najviac 96 produktov, 20 kategórií a 8 návrhov a stránkuje ich priamo v prehliadači po 12 produktoch na stranu, na desktope aj na mobile.
E-shop do týchto čí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.