Termékajánlóban szereplő termékkártyák számának megváltoztatása

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:

Ke_pernyo_foto__2019-01-22_-_15.37.18.png

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:

Ke_pernyo_foto__2019-01-21_-_21.34.44.png

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%

}

Ke_pernyo_foto__2019-01-21_-_21.35.01.png

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:

Ke_pernyo_foto__2019-01-21_-_22.47.35.png

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.

Van még kérdése? Kérelem beküldése

0 Megjegyzések

Kérjük, Belépés után hagyjon megjegyzést.