Hogyan építsünk fel e-kereskedelmet az Avada WooCommerce builder segítségével

Amikor egy online áruház létrehozásáról van szó, a WooCommerce a legjobb beépülő plugin . Nevetségesen egyszerű létrehozni egy online áruházat, és azonnal elkezdeni árusítani termékeit, amint végzett. Az Avada átfogó támogatást és tervezési integrációt biztosít a WooCommerce számára, lehetővé téve álmai boltjának létrehozását, miközben biztosítja, hogy az pontosan úgy nézzen ki, ahogyan gondolta. 

Az Avada lényege, hogy lehetőséget adjon webhelye megjelenésének testreszabására, ami nincs másként a WooCommerce integrációval sem. Népszerű speciális opciós hálózatunk segítségével testreszabási lehetőségek széles skálájából választhat a különféle tervezési lehetőségekhez, beleértve:

  • A WooCommerce saját Avada globális beállítási panellel rendelkezik, amely elkülönül a fő Avada Global Options Paneltől.
  • Az Avada oldalopciók minden termékhez elérhetők.
  • Az Avada Builder lehetővé teszi termékoldal-tervek létrehozását elemek húzásával.

E-kereskedelmi webhely létrehozása az Avada segítségével. 

Először is telepítenünk kell a wooCommerce-t az Avada-ba.

A WooCommerce telepítése – lépésről lépésre

az Avada > Plugin s / Add-ons oldalra , és keresse meg a WooCommerce plugin az alábbi képernyőképen látható módon.

1. lépés – Telepítse a WooCommerce plugin .

2. lépés – Válassza a „Telepítés” lehetőséget a legördülő menüből.

A plugin automatikusan telepítésre és aktiválásra kerül.

3. lépés – Ezt követően meg kell jelennie a WooCommerce beállítási varázslónak. Ha importál egy Woo-demót, például a Modern Shopot vagy a Classic Shopot, kihagyhatja ezt a lépést anélkül, hogy fennállna az adatok elvesztésének veszélye. Ha előre szeretne lépni, válassza a „Nem most” lehetőséget a legördülő menüből. Ha nem importálja valamelyik Woo-demót, akkor folytassa a következő lépéssel a 'Let's Go!' gombra kattintva. gombot a beállítási folyamat elindításához.

4. lépés – Kövesse a képernyőn megjelenő utasításokat a folyamat befejezéséhez, és adja meg az üzlettel kapcsolatos szükséges információkat. Ha elkészült az „Első termék létrehozása” gombra kattintva, folytathatja az első termék létrehozását. Alternatív megoldásként visszatérhet a WordPress irányítópultjához a beállítási ablak alatt található hivatkozásra kattintva.

Hogyan rendeljen boltoldalt webhelyéhez

A normál WooCommerce telepítési folyamat részeként el kell indítani a Telepítő varázslót, amely lehetővé teszi az üzlet konfigurálását és az üzlet oldalainak az ügyfelekhez való hozzárendelését. A Telepítővarázsló által létrehozott oldalakkal kapcsolatos további információk ebben a WooCommerce dokumentumban találhatók.

Alternatív megoldásként, ha a Telepítővarázsló nem jelenik meg, vagy bármilyen okból megszakítja, bármikor visszatérhet a Telepítővarázslóhoz, ha bármelyik WooCommerce oldal bal felső sarkában található Súgó menüben kiválasztja a Setup Wizard lehetőséget. ablak.

WooCommerce beállításai – WooCommerce > Beállítások > Termékek lapjára lép , és a legördülő menüből kiválasztja azt az oldalt, amely a bolt fő oldala lesz. A WooCommerce ezután megjeleníti termékeit ezen az oldalon az Ön tevékenységének eredményeként.

A többi oldal a Speciális lapon konfigurálható, amely a WooCommerce > Beállítások > Speciális .

Termékei létrehozása

1. lépés – A WordPress Admin oldalsávján lépjen a Termékek > Termék hozzáadása lapra.

2. lépés – Az oldal tetején írja be a termék nevét.

3. lépés – Töltse ki a bejegyzés tartalma mezőt a termékleírás szövegével. Ebben a részben minden termékinformáció megjelenik.

4. lépés – Töltse ki a „ Termékadatok ” mezőt az összes termékinformációval . Például amp ár, a cikkszám és a szállítás mind lehetséges.

5. lépés – A „ Termék rövid leírása ” mezőbe írja be a termék tömör leírását, amely a fő képek mellett fog megjelenni.

6. lépés A Termékkép mezőbe kell helyezni az oldal jobb oldalán; Ezt minden terméknél ki kell tölteni.

7. lépés – Adjon hozzá további képeket a „ Termékgaléria , ha képgalériát szeretne használni egyetlen kép helyett.

8. lépés – A „ Termékkategóriák ” mezőbe írja be a termékeire vonatkozó kategóriákat. üres helyeket a termékének megfelelő címkékkel a " Termékcímkék " mezőben.

9. lépés – Miután megadta az összes szükséges információt, kattintson a „ Közzététel ” gombra, és a tétel megjelenik a fő kirakatoldalán.

Termék zoom effektus létrehozása

Ha Avada Layoutsot használ, meg kell győződnie arról, hogy a WooCommerce Product Images Zoom opció engedélyezve van az Avada > Beállítások > WooCommerce > Általános WooCommerce > WooCommerce Product Images Zoom opcióban vagy a Woo Product Images Element General lapon > Termékképek Nagyítás, ha WooCommerce Layoutsot használ.

WooCommerce termékképek szélessége – A fő kép szélessége (lásd az alábbi beállítást) és a feltöltött kép tényleges méretének is nagyobbnak kell lennie, mint az Avada > Opciók > WooCommerce > Általános WooCommerce > WooCommerce Termékképek szélessége vagy a Termékképek Max. szélessége beállítás a Woo termékképek elemében. Egyetlen termékgaléria tárolóoszlopának szélességét a kiválasztott beállítások határozzák meg. Miután elvégezte a szükséges beállításokat, készen áll a WooCommerce fő kép szélességének beállítására.

WordPress Main Image Width – A WooCommerce Main Image Width beállítása a WordPress webhelye testreszabójában található. A WordPress irányítópultján lépjen a Megjelenés > Testreszabás > WooCommerce > Termékképek , ahol megtalálja a Main Image Width beállítást; Ez határozza meg a galériában megjelenített kép tényleges méretét.

Minél részletesebb lesz a zoom effektus, annál nagyobb képméretet állított be a képhez. Az egyértelműség kedvéért, ha a WooCommerce beállításaiban a képméret megegyezik az Avada globális beállításainál megadott képszélességgel, akkor nem lesz látható a nagyítás, amikor az egeret a kép fölé viszi az oldalon. Ezen túlmenően a ténylegesen feltöltött kép méretének meg kell egyeznie vagy nagyobbnak kell lennie a webhely kialakításában szereplő Fő képszélesség beállításnál.

A WooCommerce képméreteinek módosítása után győződjön meg róla, hogy újra létrehozta a bélyegképeket; Ezzel az új képméreteket alkalmazza minden olyan képre, amelyet már feltöltött a webhelyére. Ehhez használhatja a Regenerate Thumbnails plugin .

A termék képméret-beállításainak módosítása a WooCommerce-ben.

A WooCommerce lehetőséget kínál a termékképek méretének beállítására az áruház Katalógusa és Egy termék képei szakaszában. Ezenkívül vannak speciális Avada-beállítások, amelyek a WooCommerce áruház által használt képméretekkel együtt működnek. A képméret-beállítások konfigurálásakor ne feledje, hogy az Avada globális beállításokat is figyelembe kell venni. A későbbiekben részletesebben áttekintjük ezeket a lehetőségeket.

Tegyük fel, hogy a termékeihez feltöltött képek kisebbek a forrásnál, mint a WooCommerce beállításaiban megadott képméretek. Ebben az esetben néhány vizuális elrendezési eltérést észlelhet üzlete oldalainak elején; Ez semmiképpen nem hiba. Egyszerűen azért, mert a képei túl kicsik voltak ahhoz, hogy a WooCommerce beállításai hatással legyenek rájuk. Ezeket a beállításokat tekintheti a képek maximális szélességének és magasságának a képméretek tekintetében. Minden, ami a megadott határérték alá esik, nem lesz átméretezve.

Az üzlet konfigurálásakor győződjön meg arról, hogy a WooCommerce képméret beállításait és a képek tényleges méretét is figyelembe veszi. Összefoglalva, a képeknek meg kell egyeznie a WooCommerce áruház képméret-beállításaival, vagy nagyobbnak kell lenniük annál.

A képméret-beállítások bármilyen módosításához újra kell generálnia a miniatűröket, hogy azok érvénybe lépjenek a webhelyére már feltöltött képeken. Ezért erősen ajánlott a Regenerate Thumbnails plugin használata. Ezenkívül a képméret az alábbi lépésekkel állítható be:

1. lépés – Az adminisztrátori oldalsávon navigáljon a „ Megjelenés ”, majd a „ Testreszabás ” fülre a webhely testreszabásának megkezdéséhez.

2. lépés – Lépjen a „ WooCommerce ” fülre az oldal tetején.

3. lépés Termékképek lapján található .

4. lépés – Amikor képeket tölt fel egyetlen termékoldalára, válassza ki a fő képszélesség beállítást. A bélyegkép szélessége a katalógusban szereplő termékek miniatűrjeinek szélessége. Töltse ki az üres helyeket a kívánt szélességi értékkel.

5. lépés plugin kell használnia Plugin található . Először telepítse a Regenerate Thumbnails plugin , majd navigáljon a WP Admin > Tools fülre, ahol kiválaszthatja a képek bélyegképeinek újragenerálását az új képméretek létrehozásával.

Hanson F.

Legutóbbi hozzászólások

A fejlécek és láblécek használata az Elementorral

A webhely fejlécei és láblécei alapvető elemek. A legtöbb esetben a fejléc navigációt biztosít…

2022. január 6

WordPress téma összehasonlítás: Astra vs OceanWP

A két legnépszerűbb WordPress téma a piacon az Astra és az OceanWP. Szakmai…

2022. január 2

A WordPress hírtéma összehasonlítása: Újság vs. Astra

Egy kiváló hírwebhely létrehozásához nem szükséges webtervezővé válni. Mi…

2021. október 25

Hozzon létre egy hírekkel kapcsolatos webhelyet Újság témával

A Newspaper téma az egyik legjelentősebb WordPress téma, amelyet a tagDiv, egy…

2021. október 18

A ragadós fejléc és a görgetőeffektusok használata az Elementorral

A fejléc általában az első dolog, amit az ember meglát, amikor felkeresi a webhelyét,…

2021. szeptember 21

Az Avada fejléc, lábléc és oszlopelrendezés-készítő használata

Saját oldalkészítőnk, az Avada Builder mostantól két felületen is elérhető: Avada…

2021. szeptember 16