Termék blokk

A Termék blokkal egy kiválasztott terméket jeleníthetsz meg oldalon, bejegyzésben vagy a kezdőoldalon. A blokk a termék képét, nevét, árát, rövid leírását, értékelését és a kosárba tevő vezérlőket mutatja, és a belső blokkjaival mindegyik rész külön testreszabható.

Előfeltétel: legyen kész a megjelenítendő termék, és szerkeszthesd a céloldalt vagy sablont. Sablont csak blokkos témával és a webhelyszerkesztő használatára jogosult fiókkal tudsz szerkeszteni.

Használat

1. Nyisd meg az oldalt vagy a sablont a szerkesztőben, és szúrj be egy Termék blokkot.
2. Válaszd ki a megjelenítendő terméket, majd kattints a kész gombra.
3. Egy belső blokk kijelölésével testre szabhatod a beállításait. A beágyazott blokkok kijelöléséhez használhatod a lista nézetet.
4. Mentsd az oldalt vagy a sablont, és nézd meg a boltban, hogy a termékadatok és a vezérlők jól jelennek-e meg.

Ha a szerkesztő azt jelzi, hogy a kiválasztott termék már nem elérhető, válassz másikat. Más betöltési hibánál használd az újrapróbálás gombot, és ellenőrizd, hogy a termék még elérhető-e.

A belső blokkok

Belső blokk	Mit jelenít meg	Részletek
Termékkép	A termék főképét.	Hivatkozhat a termékoldalra, a méret és a szegély állítható.
Termék neve	A termék nevét.	A termékoldalra hivatkozik.
Termék értékelés	Az átlagos vásárlói értékelést.	Csillagokkal, a termék értékelései alapján.
Termék Ár	A jelenlegi árat.	Az akciós és a normál árat is kezeli, változó terméknél magától igazodik.
Termék összefoglaló	A rövid leírást.	A termék rövid leírás mezőjéből jön.
Kosárba + beállítások	A kosárba tevő gombot.	Kiválasztható, hogy a mennyiség beírható mezőként vagy léptetőként jelenik meg.
Termék metaadat	További adatokat.	Belső blokkjai: a cikkszám, a kategóriák és a címkék.
Termék cikkszáma	A termék cikkszámát (SKU).	A termék azonosítására szolgál.
Termékkategóriák listája	A kategóriákat, amelyekbe a termék tartozik.	Segíti a navigációt és a hasonló termékek csoportosítását.
Termékek címkék szerint	A termék címkéit.	Szűrésre, keresésre és kapcsolódó termékek csoportosítására jó.

Jelölj ki egy belső blokkot a szerkesztővászonban vagy a lista nézetben, és nyisd meg az oldalsávon a beállításait. Hogy milyen vezérlők állnak rendelkezésre, az a blokktól, a témától, a WordPress verziójától és az elrendezéstől függ.

Termékkép

A főkép a blokk legfontosabb vizuális eleme: a vásárló gyorsan átlátja, milyen a termék, és igény szerint a teljes termékoldalra vezet.

Mielőtt hozzáfogsz, nyiss meg egy olyan oldalt vagy sablont, amelyben van Termék blokk, és jelöld ki a Termékkép belső blokkját.

• Képméret: a kép magassága és szélessége. A mértékegység px, em, rem, %, vw vagy vh lehet. Ha magasságot adsz meg, válassz kitöltési módot: Cover (kitöltés vágással), Contain (befér) vagy Fill (nyújtás).
• Hivatkozás a termékoldalra: a kép a termékoldalra mutat.
• Szegély: szín, vastagság, stílus (folytonos, szaggatott, pontozott) és lekerekítés. Ha a szegély vezérlői rejtve vannak, nyisd meg a Szegély panel beállításmenüjét. Állíts be vastagságot, színt és stílust, majd lekerekítést, mentsd, és nézd meg a boltban. Ha a szegély nem látszik, ellenőrizd, hogy a Termékkép blokk van kijelölve, a vastagság nagyobb nullánál, és a téma támogatja a választott beállítást.

Termék neve

A termék nevét mutatja, és fontos szerepe van az azonosításban, a hozzáférhetőségben és a keresőoptimalizálásban.

• A cím legyen hivatkozás: bekapcsolva a név a termékoldalra mutat.
• Megnyitás új lapon: az új böngészőlapon nyíló hivatkozás megtartja a vásárlót a jelenlegi oldalon.
• Link rel: a hivatkozás rel attribútuma (például nofollow, noopener, sponsored).

Termék értékelés

Az átlagos értékelést csillagokkal mutatja, ami gyorsan bizalmat épít.

• Szövegszín: a csillagok és a mellettük álló szöveg (például az értékelések száma) színe.
• Tipográfia és méretek: a rendelkezésre álló betű- és térközbeállítások.

Termék Ár

A jelenlegi árat mutatja, akciós ár esetén azt is.

• Szövegszín: az ár színe.
• Háttérszín: az ár mögötti háttér színe, a kiemeléshez.
• Tipográfia és méretek: a rendelkezésre álló betű- és térközbeállítások.

Termék összefoglaló

A termék rövid leírását mutatja.

• Max. szószám: a megjelenített szavak száma. Megadott érték esetén csak az első bekezdés jelenik meg a határig. A 0 a teljes összefoglalót mutatja.
• Leírás megjelenítése, ha üres: ha a rövid leírás üres, a blokk a teljes termékleírást mutatja.
• Hivatkozás a leírásra: gombot ad, amely közvetlenül a termékoldal leírás részéhez ugrik.
• Tipográfia és méretek: a rendelkezésre álló betű- és térközbeállítások.

Kosárba tevő blokk

A meglévő elrendezésekben a klasszikus Kosárba + beállítások blokk is előfordulhat: mennyiségválasztót és Kosárba gombot tartalmaz. A Mennyiségválasztó beállítással adható meg a megjelenés:

• Beviteli mező: számmező, amelybe a vásárló beírja a mennyiséget.
• Léptető: plusz és mínusz gombok a mennyiség növeléséhez és csökkentéséhez.

A teljesen blokkos, bővebb űrlapról a Kosárba + beállítások blokk fejezetben olvashatsz.

Termék metaadat

Alapból a cikkszámot, a kategóriákat és a címkéket mutatja. Belső blokkjai:

• Termék cikkszáma: a termék SKU-ját mutatja.
• Termékkategóriák listája: a kategóriák listája. A blokk átalakítható más taxonómiára (például címkékre vagy márkákra) az átalakítás legördülő listájával. Stílusként az alapértelmezett és a pirula alakú címke közül választhatsz, a szöveg, a háttér és a hivatkozás színe állítható.
• Termékek címkék szerint: a termék címkéit mutatja. Átalakítható más taxonómiára (például kategóriákra vagy márkákra), a stílus és a színek ugyanúgy állíthatók, mint a kategóriáknál.

Tipográfia és méretek

A belső blokkok a blokk és a téma által támogatott vezérlőket kínálják. A rejtett vezérlőket a panelfejléc melletti beállításmenüvel kapcsolhatod be. Elérhető lehet:

• Betűtípus: a téma betűtípusai közül, vagy az alapértelmezett.
• Méret: előre beállított méret (S, M, L, XL, XXL) vagy egyéni érték.
• Megjelenés: vastagság és stílus (félkövér, dőlt, vékony), ha a téma több változatot támogat.
• Sormagasság: a sorok közötti függőleges távolság.
• Betűköz: a karakterek közötti távolság.
• Szövegdíszítés: aláhúzás, áthúzás vagy nincs.
• Kis- és nagybetű: nagybetűs, kisbetűs vagy címszerű átalakítás.
• Méretek: a blokkon belüli (kitöltés) és körülötti (margó) távolság.
• Szélesség: Illeszkedő (a tartalomhoz igazodik), Kitöltő (kitölti a szabad helyet) vagy Rögzített (megadott szélesség).
• Szegély: állítható vastagságú szegély, és Lekerekítés a lágyabb megjelenéshez.

Ha végeztél, mentsd az oldalt vagy a sablont, és nézd meg a boltban a termékadatokat, a hivatkozásokat, a kép szegélyét és a kosárba tevő vezérlőket. Ha egy vezérlő nem érhető el, ellenőrizd, hogy a megfelelő belső blokk van kijelölve, és nézd meg a beállításmenüt és a téma támogatását.