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 árulni 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 felépítése 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
- Hogyan rendeljen boltoldalt webhelyéhez
- Termékei létrehozása
- Termék zoom effektus létrehozása
- A termék képméret-beállításainak módosítása a WooCommerce-ben.
A WooCommerce telepítése – lépésről lépésre
Nyissa meg az Avada > Plugin /Add-ons menüpontot , és keresse meg a WooCommerce plugin , ahogy az alábbi képernyőképen is látható.
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álja valamelyik Woo-demót, például a Modern Shopot vagy a Classic Shopot, kihagyhatja ezt a lépést az adatok elvesztésének kockázata nélkül. A továbblépéshez 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.
Az üzlet oldalát manuálisan állíthatja be, ha a WooCommerce beállításai – WooCommerce > Beállítások > Termékek – 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 Termékkép ” 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. Ezután töltse ki az ü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 miniatűröket; Ezzel az új képméreteket minden olyan képre alkalmazza, 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 a képek maximális szélességének és magasságának tekintheti a képméretek tekintetében. A megadott határérték alá eső elemek nem lesznek á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.
