# 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 bolt oldal a saját sablonnal](./kepek/bolt-frontend.webp)

*A bolt oldal a saját sablonnal* (https://minta-bolt.hu/bolt/)

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

- 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

1. Telepítsd és aktiváld a WooCommerce-t és az Elementort, majd a JetWooBuilder bővítményt.
2. 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.
3. A **Crocoblock → Woo Page Builder** oldalon hozd létre az első sablont (lásd [Sablonok létrehozása és hozzárendelése](https://hub.hellowp.io/hu/plugins/jet-woo-builder/sablonok/)).
4. A **WooCommerce → Beállítások → JetWooBuilder** fülön jelöld ki, hogy a WooCommerce az új sablont használja.
5. 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.