Divi Shop Builder
Bővítse ki a Divi builder funkcióit a termékoldalon túl a WooCommerce minden aspektusára. A Divi Shop Builder lehetővé teszi, hogy teljesen egyedi WooCommerce bolt- és kosároldalakat állítson be és tervezzen a Divi Builder segítségével.
- Természetesen beépítve a Divi Builder modulokba:
- Kosár lista
- Kosár/Pénztár megjegyzés
- Kosár összesen
- Checkout Számlázás
- Checkout kupon
- Pénztár Rendelés
- Checkout Szállítás
- Woo Shop +
- Köszönöm
- Nincs szükség beállításra
- Könnyűsúlyú
Követelmények #
- Saját hosztolt WordPress telepítés
- Divi téma az Elegant Themes által
- Az Automattic WooCommerce bővítménye
- PHP 7.3 vagy újabb verzió
- memória _ limit 128M
- posta _ max _ mérete 160M
- max _ végrehajtási _ idő 180
- feltölteni _ max _ fájlméret 160M
- max _ bemeneti _ idő 180
- max _ bemenet _ vars 5000
- MySQL 5.6 vagy újabb verzió VAGY MariaDB 10.0 vagy újabb verzió.
- HTTPS támogatás
- Nginx vagy Apache mod _ rewrite modullal
Bevezetés #
Kövesse az alábbi utasításokat a Divi Shop Builder bővítmény telepítéséhez és konfigurálásához.
JEGYZET
A Divi Shop Builder beépülő modul működéséhez rendelkeznie kell Divi-vel az Elegant Themes alkalmazásból. Ha nincs meg akkor vásároljunk itt . Ha megvan, kérjük, telepítse a saját üzemeltetésű WordPress webhelyére, mielőtt megpróbálná telepíteni a Divi Shop Buildert. Kérjük, telepítse a WooCommerce bővítményt is, itt szerezheti be .
Telepítési szám
A WordPress irányítópultjáról #
- Keresse meg az „Új hozzáadása” elemet a beépülő modulok irányítópultján
- Navigáljon a „Feltöltés” területre
- Válassza ki a divi-shop-builder.zip fájlt a számítógépén
- Kattintson a „Telepítés most” gombra
- Aktiválja a beépülő modult, és adja meg a licenckulcsot
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_1.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_2.png?w=1080&ssl=1)
Ezután lépjen a Plugins > Divi Shop Builder elemre, és kattintson a „Beállítások” elemre – a rendszer átirányítja a Divi Shop irányítópultjára:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_1.png?w=1080&ssl=1)
Lépjen a Divi Shop Builder irányítópultjának utolsó lapjára – „Licenckulcs”, és aktiválja a licenckulcsot.
A Divi Shop Builder beállítási paneljét bármikor elérheti a Divi > Shop Builder menüpontban.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_2-e1630619511585.png?w=1080&ssl=1)
A modulok rövid leírása #
Most, hogy letöltötte és aktiválta az új bővítményt, minden készen áll!
FONTOS
A modulok használata előtt győződjön meg arról, hogy létrejött a Divi kosár és a pénztár oldala, és állítsa be ezeket az oldalakként a WooCommerce > Beállítások > Speciális > Oldalbeállítás menüpontban:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_4.png?w=1080&ssl=1)
<form>
A fizetési modulokat ugyanabba a szakaszba kell helyezni, kivéve a kuponkód mezőt, amelynek egy másik szakaszban kell lennie, és semmilyen más HTML-űrlapokat ( ) tartalmazó modul nem lehet ugyanabban a szakaszban, mint a pénztármodulok. A Kosár oldalakon használható modulok:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/cart_modules.png?w=1080&ssl=1)
A Checkout oldalakon használható modulok a következők:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/checkout_modules.png?w=1080&ssl=1)
A Woo Shop + modul használata előtt hozzon létre egy dedikált oldalt a Shop számára, és állítsa be a WooCommerce > Termékek > Boltoldal menüpontban:**
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-16-at-16.22.17.png?w=1080&ssl=1)
A Shop oldalon használható modul a következő:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-16-at-16.28.55.png?w=1080&ssl=1)
A Köszönöm modul használata előtt hozzon létre egy külön oldalt a Köszönöm oldal számára, és állítsa be a WooCommerce > Beállítások > Speciális > Köszönöm oldalon:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-16-at-18.04.29.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-16-at-18.02.55.png?w=1080&ssl=1)
Most már létrehozhat egy új oldalt vagy bejegyzést, és a szokásos módon aktiválhatja a Divi Buildert. Új szakasz hozzáadása, sorelrendezés hozzáadása és új modul hozzáadása. Látni fogja, hogy az Ön által ismert és kedvelt Divi Builder modulok között 9 új modul került beépítésre:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_3.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_4.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-16-at-18.02.55.png?w=1080&ssl=1)
ezekkel az új Divi Shop Builder modulokkal úgy mutathatja be boltja és kosár oldalait, mint még soha!
Kosár lista Modul #
Ezzel a modullal ellenőrizheti a kosárlista minden aspektusát és annak részleteit, például gombokat és feliratokat, amelyeket korábban lehetetlen személyre szabni!
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_8.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_9.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_10.png?w=1080&ssl=1)
Alapértelmezés szerint így néz ki a Kosárlista modul:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_11.png?w=1080&ssl=1)
Az egyes elemek megjelenését a modul Tervezés lapján is módosíthatja.
Kosár / Pénztár Nyilatkozatok Module #
Ez a modul egyszerűen vezérli a kosár/pénztár oldalon megjelenő értesítést. Ennek minden részletét beállíthatja:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_12.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_5.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_6.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_7.png?w=1080&ssl=1)
Kosár Összesen Module #
Ezzel a modullal módosíthatja a kosár végösszegei szakasz minden aspektusát.
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_14.png?w=1080&ssl=1)
Továbbá a tervezési tulajdonságok is:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_15.png?w=1080&ssl=1)
Alapértelmezés szerint így néz ki a modul:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_16.png?w=1080&ssl=1)
Checkout számlázási modul #
Ezután a pénztár oldal moduljaihoz érve lehetőségünk van a számlázási rész megjelenésének szabályozására:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_17.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_8.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_18.png?w=1080&ssl=1)
Checkout kuponmodul #
A kiegészítő kupon rovatot is személyre szabhatjuk:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_19.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_20.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_21.png?w=1080&ssl=1)
Checkout rendelés modul #
Ezzel a modullal módosíthatjuk a rendelés elhelyezési részt:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_22.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_23.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_24.png?w=1080&ssl=1)
Checkout Szállítási modul #
A modul lehetővé teszi a szállítási űrlap részleteinek és megjelenésének testreszabását:
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_25.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_26.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_9.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2020/11/divi_shop_builder_documentation_27.png?w=1080&ssl=1)
Woo Shop+ Modul #
A modul lehetővé teszi a Shop oldal létrehozását és a megjelenés testreszabását.
JEGYZET
A Woo Shop+ modul használata előtt győződjön meg arról, hogy van egy külön oldal a Shop számára, és állítsa be a következő oldalt a WooCommerce > Termékek > Bolt oldalon.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/dsb_update_11.png?w=1080&ssl=1)
A rendelkezésre álló lehetőségek segítségével bemutathatja a termékek listáját:
- Eladó jelvény
- Új jelvény
- Kiemelt kép
- Cím
- Értékelések
- Ár
- Kosárba helyezés Mennyiség *
- Kosárba helyezés gomb
- Kategóriák
- Készlet állapota
- Leírás
FIGYELEM
A Woo Shop + modul „Kosárba tétele” eleme nem működik, ha az „AJAX kosárba helyezés gombok engedélyezése az archívumban” opció nincs bejelölve a WooCommerce > Beállítások > Termékek > Kosárba adás viselkedésében.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_12.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/dsb_update_13.png?w=1080&ssl=1)
Csak kiválasztott terméktípusokat jeleníthet meg….
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDTAE_14.png?w=1080&ssl=1)
A megjelenített termékek mennyisége az alábbi opcióval testreszabható:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_15.png?w=1080&ssl=1)
Az eredmény az Ön preferenciái szerint rendezhető:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_16.png?w=1080&ssl=1)
A termékleírás kivonata – eltérő értékeket állíthat be asztali, mobil és táblagépekhez.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_17.png?w=1080&ssl=1)
A bemutatott termékek elrendezését Ön határozza meg:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_18.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDTAE_19.png?w=1080&ssl=1)
A rács:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/dsb_update_13.png?w=1080&ssl=1)
A lista:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_update_21.png?w=1080&ssl=1)
A rács/lista kapcsolóval
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_20.png?w=1080&ssl=1)
A termékek oszlopai az alábbiak szerint módosíthatók
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_22.png?w=1080&ssl=1)
Beállíthatja az oszlopok számát az eszköz alapján – asztali számítógép/táblagép/mobil:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-17-at-20.09.33.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-17-at-20.09.43.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-17-at-20.09.54.png?w=1080&ssl=1)
A termék leírása – megjelenítheti a termék alapértelmezett rövid leírását vagy testreszabhatja a leírást egyetlen termékben.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDTAE_23.png?w=1080&ssl=1)
A Shop oldalon megjelenő elemek szabályozása – rendezési elem, oldalszámozás és eredmények.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_24.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_25.png?w=1080&ssl=1)
Kiárusítási szezon? Nincs mit! Most válthat az „Akció” jelvényre, és szabályozhatja, hogyan jelenjen meg az üzletében.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/dbs_update_26.png?w=1080&ssl=1)
A mennyiség bevitele közvetlenül a termékkártyán:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/dbs_update_27.png?w=1080&ssl=1)
Végül egyetlen termékkártyán csak a vágyelemeket jelenítse meg:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/dsb_update_28.png?w=1080&ssl=1)
Csak emlékeztető! Minden üzlet oldal eleme testreszabható a „Design” fülön:
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/DSB_UPDATE_30.png?w=1080&ssl=1)
Köszönöm Modul #
A modul lehetővé teszi a „Köszönöm” oldal létrehozását és a megjelenés testreszabását. Létre kell hozni a Köszönöm oldal modult tartalmazó oldalát, és be kell állítani a WooCommerce > Beállítások > Speciális > Köszönöm oldalon. Ezután a rendelés leadásakor a Woocommerce beállításai alatt beállított oldalra irányít át.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-16-at-18.04.29.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-16-at-18.02.55.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/Screenshot-2021-02-17-at-19.49.33.png?w=1080&ssl=1)
A Köszönöm modul lehetővé teszi a rendelés beérkezett üzeneteinek és a rendelési szakaszok címének módosítását. A vásárlás után megjelenik az oldalon a tartalom, és ha a „Teszt mód” be van kapcsolva, megjelennek a demó adatok. Alapértelmezés szerint az oldal üres lesz. A „Tesztmód” beállítást le kell tiltani az élő webhelyeken.
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/04/Screenshot-2021-04-20-at-10.46.52-PM.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/02/unnamed.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/04/Screenshot-2021-04-20-at-10.47.12-PM.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/04/Screenshot-2021-04-20-at-9.19.59-PM.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/04/Screenshot-2021-04-20-at-10.47.31-PM.png?w=1080&ssl=1)
![](https://i0.wp.com/divi.space/wp-content/uploads/2021/04/Screenshot-2021-04-20-at-9.22.41-PM.png?w=1080&ssl=1)
Változásnapló #
Tekintse meg a bővítmény módosítási naplójának szövegét a következő linken: https://divi.space/product/divi-shop-builder/?changelog=1
0 hozzászólás