Pomocou tried viete zmeniť dizajn alebo správanie jednotlivých elementov na stránke alebo e-shope. Stačí ich len vložiť do Nastavení bloku, Vlastností stránky alebo Vlastností produktovej kategórie. Triedy môžete väčšinou aj kombinovať, stačí ich oddeliť medzerou.
Zoznam tém:
Bloky #
Produktové bloky
Sú to bloky Produkt z, Obsah kategórie, Najpredávanejšie produkty, Nedávno navštívené produkty a Najnovšie produkty.
altImageOff – vypne používanie alternatívneho obrázka (zobrazený na prechod myši) produktu v bloku.
Obsah kategórie
blockCategoryList – zobrazuje zoznam produktov ako posuvný zoznam. Takýto zoznam nemá stránkovanie ani radenie.
Text
blockTextNarrow - Ak chcete mať blok Text užší.
Galéria
blockGalleryCols - Responzívne zobrazenie stránky činí nastavenie "Počet stĺpcov" ako menej dôležité, keďže sa mení v závislosti od veľkosti zariadenia / obrazovky. Štandardne sa počet stĺpcov mení medzi 2 až 4. Táto trieda "znovuobnoví" nastavenie počet stĺpcov z nastavenia bloku, no použije sa ako MAXIMÁLNY počet stĺpcov, t.j. ak nastavíte 5, tak na najširších monitoroch v širokých oblastiach ako napr. Hlavný obsah sa zobrazí blok Galéria s 5 stĺpcami (no na mobiloch sa stále zobrazí v 2 stĺpcoch).
galleryContain – Blok Galéria štandardne zobrazuje obrázky zarovnané na presný pomer strán a obrázok sa zobrazí tak, aby "pokryl" (cover) vymedzený priestor, t.j. sa mu môžu "odrezať" boky alebo vrch a spodok. Táto trieda zabezpečí, že budú viditeľné celé obrázky, teda sú ohraničené (contain) okrajmi vymedzeného priestoru. Toto môže mať vplyv na estetiku zobrazenia bloku. Pozn.: obrázky sa ani v jednom spôsobe zobrazenia nedeformujú.
galleryMasonry - Alternatívne usporiadanie obrázkov v galérii do stĺpcov (no nie do riadkov), vhodné, ak blok obsahuje obrázky s rôznymi pomermi strán a zároveň ich nechceme mať orezané. Na toto zobrazenie nie je vhodné číselné stránkovanie, preto je vhodné zobraziť vačší počet obrázkov naraz alebo sa spoľahnúť na tlačidlo "Načítať ďalšie". Samozrejme, v závislosti od vybranej skupiny obrázkov, stĺpce s obrázkami nebudú rovnako dlhé. Počet stĺpcov sa mení podľa responzivity na 4, no viete to ovplyvniť pridaním triedy "blockGalleryCols" a nastavením Počet stĺpcov.
Pozn.: Dôležitý rozdiel pre toto zobrazenie od základnej mriežky je, že poradie obrázkov (z administrácie) je po stĺpcoch, nie po riadkoch (okrem zatiaľ experimentálnych verzii prehliadačov Firefox a Safari - táto se bude zobrazovať v budúcnosti v závislosti na vývoji prehliadačov).
Galéria základ
Galéria Masonry
Galéria Masonry experimentálna verziaVýzva k akcii (CTA)
blockCTAHideButton – skryje sa tlačídlo v bloku. To isté sa stane aj bez triedy, ak nastavíte Presmerovanie ako "#".
Navigácia
iconOnly – zobrazí iba nastavené ikonky, text odkazov je skrytý.
Výhody
counter - Urobí z bloku Výhody počítadlo. Do názvu vložte číslo, do ktorého sa má počítať. Ak číslo na konci obsahuje znamienko +, x alebo ., zobrazí sa po dokončení počítania za číslom. Pri triede counter odporúčame zapnúť v bloku Výhody aj text, aby bolo možné uviesť popisok.
counterBig - Všetko ako counter, ale čísla majú väčšiu veľkosť písma.
highlightsIcons25 – Zmení ikonky a veľkosť obrázka na 25 x 25px
highlightsIcons50 – Zmení ikonky a veľkosť obrázka na 50 x 50px. Toto je základná veľkosť pre väčšinu zobrazení bloku Výhody.
highlightsIcons75 – Zmení ikonky a veľkosť obrázka na 75 x 75px. Toto je základná veľkosť pre zobrazenia Pás a Mriežka (aj s titulkom).
highlightsIcons100 – Zmení ikonky a veľkosť obrázka na 100 x 100px.
highlightsIcons150 – Zmení ikonky a veľkosť obrázka na 150 x 150px.
highlightsIcons200 – Zmení ikonky a veľkosť obrázka na 200 x 200px.
highlightsIcons300 – Zmení ikonky a veľkosť obrázka na 300 x 300px.
Dynamický banner
newWindow – otvárať odkaz v Presmerovaní snímku do nového okna
Sociálne siete
iconOnly – zobrazí iba nastavené ikonky, text odkazov je skrytý.
socialsIcons25 – Zmení ikonky a veľkosť obrázka na 25 x 25px
socialsIcons50 – Zmení ikonky a veľkosť obrázka na 50 x 50px.
socialsIcons75 – Zmení ikonky a veľkosť obrázka na 75 x 75px.
socialsIcons100 – Zmení ikonky a veľkosť obrázka na 100 x 100px.
Kategórie produktov #
altImageOff – vypne používanie alternatívneho obrázka (zobrazený na prechod myši) produktu v bloku.
hideSizeTable – skryje v detaile produktu tejto kategórie záložku Tabuľka veľkostí.