Fontos figyelmeztetés: ha módosítjuk a szerkesztőben egy sablon fájlait, akkor az olyan rendszerfrissítések, amelyek érintik a korábban egyedileg módosított sablon fájlokat, nem kerülnek be majd automatikusan a boltjába. Ilyen esetekben a régi működés és megjelenés marad mindaddig, amíg el nem végzi a szükséges módosításokat a sablon fájlokban.
Ahány bolt, annyi féle igény. Nem mindenkinek megfelelő az a fajta megjelenés, amit egy sablon alapból nyújt és ez különösen a főoldali ajánló modulokra igaz. Korábban nagyon sokszor tapasztaltuk azt, hogy ügyfeleink szerették volna az egyszerre megjelenő termékkártyák számát a webáruházhoz igazítani.
Korábban a rendszer nem adott erre lehetőséget, de a Sablon fájl szerkesztővel az alábbi példán keresztül bemutatjuk, hogyan is lehet ezt kivitelezni.
A példa során az alábbi Legújabb termék modult mutatjuk be:
Ahhoz, hogy növelni tudjuk a termékkártyák számát a jelenlegiről 5-re, a következő lépéseket kell elvégeznünk.
A Sablon fájl szerkesztőben keressünk rá a style.scss fájlra, és nyissuk meg szerkesztésre.
A jobb oldali szerkesztőben kattintsunk bele és a CTRL+F gombokat lenyomva, a felugró keresőben keressünk rá a következő kifejezésre: “.one-column-content .snapshot_vertical .list_div_item”
Az alábbi selector alatt lévő szabályok azért felelnek, hogy az egyoszlopos kialakítású sablonoknál az ajánló modulok stílus szabályait kiegészíthessük illetve módosíthassuk! A modul szélességért felelős kódrészlet:
Tehát a fenti képen azokat a szabályokat láthatjuk, amelyek a Tokyo sablon ajánló moduljaira (például a példa képen látható Legújabb termékek modulra) jelenleg érvényben vannak.
Itt semmi más dolgunk nincs, mint a "@media screen and (min-width: $screen-lg-min){‘" utáni szélesség szabályon módosítani. Az új érték 20% lesz, ezzel biztosítva helyet egy 5. termékkártyának.
@media screen and (min-width: $screen-lg-min{
width: 20%
}
Ha készen vagyunk a módosítással, akkor a szerkesztő jobb felső sarkában található Mentés gombra kattintsunk.
Az áruházban a módosításnak köszönhetően a következő kép fogad bennünket:
Fontos! Az adott modul beállításánál elképzelhető, hogy növelni kell a limit számát ahhoz, hogy ténylegesen bekerüljön egy plusz termék. Ezt érdemes előzetesen leellenőrizni.