JetWooBuilder
WooCommerce-oldalak (bolt, termékoldal, kosár, pénztár, köszönőoldal, Fiókom) saját sablonjainak megépítése Elementorral, és termékek megjelenítése rácsban, listában, csempékben.
A JetWooBuilder az Elementor és a WooCommerce összekötésére való bővítmény. Két dologra jó:
- Saját sablont készíthetsz a WooCommerce oldalaihoz: boltoldal, termékoldal, termékkártya a listákban, kategóriakártya, kosár, pénztár, köszönőoldal és a Fiókom oldal. A sablont Elementorban építed fel, a bővítmény saját widgetjeivel.
- Termékeket jeleníthetsz meg bármelyik oldalon rácsban, listában, körhintában vagy kategória-csempékben, a megjelenés és a lekérdezés részletes beállításával.

A képen a bolt oldal látszik a JetWooBuilder boltsablonjával: oldalcím, találatszám, rendezés, termékrács három oszlopban. A termékkártyák külön archívumtétel-sablonból jönnek.
Követelmények
Szekció neve “Követelmények”- WordPress és WooCommerce.
- Elementor (az ingyenes változat elég).
- A bővítmény saját sablonjai csak Elementorban szerkeszthetők.
Egyes funkciókhoz további bővítmény kell. Ezek nélkül a hozzájuk tartozó beállítások nem jelennek meg:
| Funkció | Ehhez kell |
|---|---|
| Gyorsnézet és vásárlás utáni felugró ablak | JetPopup |
| Egyéni lekérdezés a Termékrácsban és a Terméklistában | JetEngine |
| Összehasonlítás és kívánságlista gombok | JetCompareWishlist |
| Fejléc, lábléc és feltételek az oldalsablonokhoz | JetThemeCore |
| Szűrők a termékrácshoz | JetSmartFilters |
Telepítés és első lépések
Szekció neve “Telepítés és első lépések”- Telepítsd és aktiváld a WooCommerce-t és az Elementort, majd a JetWooBuilder bővítményt.
- Ellenőrizd, hogy léteznek a WooCommerce alapoldalai (Bolt, Kosár, Pénztár, Fiókom). Ha hiányoznak, a WooCommerce → Állapot → Eszközök oldalon az alapértelmezett oldalak létrehozásával pótolhatók.
- A Crocoblock → Woo Page Builder oldalon hozd létre az első sablont (lásd Sablonok létrehozása és hozzárendelése).
- A WooCommerce → Beállítások → JetWooBuilder fülön jelöld ki, hogy a WooCommerce az új sablont használja.
- Nézd meg az eredményt a weboldalon.
A bővítmény három helyen jelenik meg a felületen:
- Crocoblock → Woo Page Builder: a sablonok listája.
- Crocoblock → JetPlugins Settings → JetWooBuilder: a bélyegkép-effektus, a CSS kiírása és a widgetek be- és kikapcsolása.
- WooCommerce → Beállítások → JetWooBuilder: a sablonok hozzárendelése az oldalakhoz.
- BeállításokA JetWooBuilder két beállítóoldala: a WooCommerce-fül a sablonok hozzárendeléséhez, a Crocoblock-oldal a bélyegkép-effektushoz és a widgetekhez.
- Sablonok létrehozása és hozzárendeléseHogyan hozol létre JetWooBuilder-sablont, milyen típusai vannak, hogyan szerkeszted Elementorban, és hogyan rendeled hozzá a WooCommerce oldalaihoz.
- Bolt, archívum és kategóriákA boltoldal, a termékkártya (archívumtétel), a kategóriakártya, a kategóriánkénti sablon, a keresés, valamint a kapcsolódó és upsell termékek sablonjai.
- TermékoldalEgyedi termékoldal-sablon készítése a termékoldali widgetekkel, a termékértékelés beállításai és a termékek attribútumainak megjelenítése.
- Kosár, pénztár és köszönőoldalA kosár, a pénztár és a köszönőoldal saját sablonjai: előkészületek, a widgetek beállításai és a sablonok hozzárendelése.
- Fiókom oldalA Fiókom oldal widgetjei, a végpontok külön sablonjai és a teljesen saját Fiókom oldal menüvel és tartalomwidgettel.
- Termékmegjelenítő widgetekA Termékrács, a Terméklista, a Kategóriarács, a Taxonómiai csempék és a WooCommerce-műveletek widget beállításai, lekérdezése és körhintája.
- Bővítések és példákGyorsnézet és vásárlás utáni felugró ablak JetPopuppal, további betöltés, mennyiségválasztó, lapozás, termékek száma oldalanként, szűrők, ingyenes szállítás sávja és változatminták.
- HibaelhárításGyakori gondok a JetWooBuilder használatakor: nem látszik a sablon, üres Fiókom widgetek, nem működő rendezés és lapozás, hiányzó kapcsolódó termékek.
Fordítás többnyelvű oldalon
Hibaelhárítás
- Gyakori gondok és megoldásaikGyakori gondok a JetWooBuilder használatakor: nem látszik a sablon, üres Fiókom widgetek, nem működő rendezés és lapozás, hiányzó kapcsolódó termékek.
- Elementor Pro pénztár widget és a JetWooBuilderMiért jelenik meg 500-as hiba vagy üres oldal, ha a JetWooBuilder pénztársablonját az Elementor Pro Pénztár widgetjével kevered, és a pénztár három helyes felépítése.
- Nem látszanak a termékoldali widgetek az Elementor panelenMiért látszik csak néhány JetWooBuilder widget a szerkesztő bal oldali panelén, és hol találod a sablonjaidat.
- Változatminták a termékrácsban és a terméklistábanHogyan jelenítheted meg a Variation Swatches for WooCommerce változatmintáit a JetWooBuilder Termékrács és Terméklista widgetjén gyermeksablonnal.
Készült: