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

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:

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ésed? Kérdés beküldése

Kérdésed van?

  • Böngéssz a Témák között!
  • Keress rá a konkrét kérdésedre!
  • Ha nem találtál megoldást a problémádra, vedd fel a kapcsolatot kollégáinkkal:
  • Írd meg kérdésed a Kérdés beküldése menüpontban!
  • Írj e-mailt az info@shoprenter.hu címre!
  • Írj chat-en webáruházad adminisztrációs felületén!
  • Hívj bennünket a 06-1/234-5011-es számon munkanapokon 9:00-17:00 között!
  • Hétvégén is elérhetők vagyunk e-mailben és chat-en 10:00-14:00 között.

Hibabejelentés