A bolt megjelenése
Termék blokk
Egy kiválasztott termék megjelenítése oldalon vagy sablonban, belső blokkokkal külön testreszabva.
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
- Nyisd meg az oldalt vagy a sablont a szerkesztőben, és szúrj be egy Termék blokkot.
- Válaszd ki a megjelenítendő terméket, majd kattints a kész gombra.
- 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.
- 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.