Tovább a tartalomhoz

Termékoldal elemei: galéria, ár, értékelés, készlet és leírások

A WooCommerce termékoldal-sablonba tehető elemek: Termékgaléria, Termék ára, Termék értékelése, Készlet, Termék tartalma, Termék rövid leírása és Termék további információi.

A WooCommerce-hez tartozó termékelemek az egy termékhez tartozó adatokat jelenítik meg. Termék típusú sablonban (vagy a sablon termék-előnézetében) használd őket, mert csak ott van érvényes termék, amire hivatkozhatnak. Ha olyan oldalra teszed őket, ahol nincs kiválasztott termék, a vászon a „Nincs kiválasztott termék” üzenetet mutatja.

Egy teljes termékoldalhoz általában együtt használod a termék címét, árát, galériáját és a többi itt leírt elemet.

https://minta-bolt.hu/elemek/?bricks=run
A termékelemek a szerkesztőben

A szerkesztő bal oldali listájában a termékelemek magyar nevei: Kosárba teszem, Termék további információi, Termék tartalma, Termékgaléria, Termék metaadatai, Termék ára, Termék értékelése, Kapcsolódó termékek, Termékértékelések, Termék rövid leírása és Készlet.

A Termékgaléria a WooCommerce termékgalériáját mutatja: a fő termékképet és a bélyegképes navigációt.

Beállítás Mit csinál Alapérték
Termék: Képméret A fő termékkép mérete. Woocommerce Single
Bélyegkép: Képméret A bélyegképek mérete. Woocommerce Gallery Thumbnail
Lightbox: Képméret A nagyított (lightbox) nézet képmérete. Full

A Bélyegkép-navigáció csoport beállításai:

Beállítás Mit csinál Alapérték
Pozíció A bélyegképek helye a fő képhez képest: alul, felül, balra vagy jobbra. Alul
Oszlopok Hány bélyegkép látszik egyszerre a vízszintes sávban. 4
Térköz A bélyegképek közti távolság. 20px
Átlátszatlanság A bélyegképek átlátszatlansága. 0.3
Átlátszatlanság (Aktív) A kiválasztott bélyegkép átlátszatlansága.
Szegély A bélyegképek szegélye.
Szegély (Aktív) A kiválasztott bélyegkép szegélye.
Diavetítés Bekapcsolja a bélyegképek diavetítéses (csúszkás) megjelenítését. ki

A diavetítés bekapcsolása után további beállítások jelennek meg: a csúszka magassága (balra vagy jobbra álló bélyegképeknél), a bélyegképek közti térköz és a vízszintes sávban látható képek legnagyobb száma, valamint az előző és a következő nyíl ikonja, háttere, szegélye, színe, mérete, magassága és szélessége.

https://minta-bolt.hu/elemek/?bricks=run
A Termék ára elem beállításai

A Termék ára a termék árát mutatja: a normál árat, az akciós árat, változó terméknél pedig az ársávot.

Beállítás Mit csinál
Normál ár elrejtése Akciós ár esetén elrejti az áthúzott normál árat.
Normál ár tipográfiája A normál ár betűbeállításai.
Akciós ár tipográfiája Az akciós ár betűbeállításai.
https://minta-bolt.hu/elemek/?bricks=run
A Termék értékelése elem beállításai

A Termék értékelése a termék csillagos értékelését és az értékelések számát mutatja.

Beállítás Mit csinál
Csillag színe A kitöltött csillagok színe.
Üres csillag színe Az üres csillagok színe.
Vélemények hivatkozásának elrejtése Elrejti az értékelések számát mutató hivatkozást.

Az Értékelések linkje csoportban a hivatkozás szövegét adod meg, külön egyes és többes számra (Szöveg: Egyedi, Szöveg: Többes szám). Az értékelések darabszámához használd a %s helyőrzőt. Ha üresen hagyod, az alapértelmezett szöveg jelenik meg.

A Nincsenek értékelések csoportban a Szöveg mezővel adhatod meg, mit írjon ki az elem, ha a terméknek még nincs értékelése. Az Üres csillagok megjelenítése kapcsolóval ilyenkor üres csillagokat is mutathat.

https://minta-bolt.hu/elemek/?bricks=run
A Készlet elem beállításai

A Készlet elem a termék készletállapotát és mennyiségét mutatja.

Beállítás Mit csinál
Készletállapot folyamatos mutatása Akkor is mutatja a készletállapotot, ha a termék készletmennyiség-kezelése ki van kapcsolva.

Három csoportban állíthatod be az egyes állapotok megjelenését: Raktáron, Alacsony készlet/utánrendelhető és Nincs raktáron. Mindegyikben megadhatsz egyedi szöveget, a szöveg tipográfiáját és háttérszínt.

https://minta-bolt.hu/elemek/?bricks=run
A Termék tartalma elem panelje

A Termék tartalma a termék teljes leírását jeleníti meg, azt, amit a termékszerkesztő főszövegmezőjébe írtál. Külön beállítása nincs: a WooCommerce kimenetét és az örökölt stílusokat használja. A panel ezt jelzi: „Szerkeszd a termék tartalmát a WordPressben.”

https://minta-bolt.hu/elemek/?bricks=run
A Termék rövid leírása elem panelje

A Termék rövid leírása a termék rövid leírását (kivonatát) mutatja a termékoldalon. Külön beállítása nincs, a szöveget a WordPressben szerkeszted.

https://minta-bolt.hu/elemek/?bricks=run
A Termék további információi elem beállításai

A Termék további információi a WooCommerce „További információk” táblázatát mutatja, vagyis a termék tulajdonságait (például a színt vagy a méretet).

Beállítás Mit csinál
Címsor A táblázat feletti cím szövege.
Tipográfia A szöveg betűbeállításai.
Szélesség A táblázat szélessége.

A panelen a Címsor, Címke és Részletek csoport áll.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások