Amikor egy online áruház felállításáról van szó, a WooCommerce a plugin . Nevetségesen egyszerű létrehozni egy online áruházat, és amint befejezte, elkezdi eladni termékeit. Az Avada átfogó támogatást és dizájnintegrá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 pontosan az általad tervezett keretnek megfelelően nézzen ki.
Az Avada célja, hogy személyre szabhassa webhelye megjelenését, ami a WooCommerce integrációjával sincs másként. Népszerű speciális beállítási hálózataink segítségével számos testreszabási lehetőség közül választhat a különböző tervezési lehetőségekhez, beleértve:
- A WooCommerce saját Avada globális beállítási panellel rendelkezik, külön a fő Avada globális beállítási paneltől.
- Az Avada Page Options minden termékhez elérhető.
- Az Avada Builder lehetővé teszi termékoldalak tervezését az elemek húzásával.
Az e -kereskedelmi webhely felépítése az Avada segítségével.
Először telepítenünk kell a wooCommerce -t az Avada -ba.
- A WooCommerce telepítése - Lépésről lépésre
- Hogyan lehet hozzárendelni egy weboldalt a webhelyéhez
- Termékeinek létrehozása
- Zoom effektus létrehozása
- A termék képméretének beállítása a WooCommerce -ben.
A WooCommerce telepítése - Lépésről lépésre
Lépjen az Avada> Plugin s / Add-ons elemre , és keresse meg a WooCommerce plugin , amint az az alábbi képernyőképen 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ül és aktiválódik.
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, akkor kihagyhatja ezt a lépést anélkül, hogy fennállna az adatok elvesztésének kockázata. 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 a szükséges adatok megadásához az üzlettel kapcsolatban. Ha végzett 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 lehet hozzárendelni egy weboldalt a 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 a weboldalak hozzárendelését az ügyfelekhez. A telepítővarázsló által létrehozott oldalakon további információk találhatók ebben a WooCommerce dokumentumban.
Alternatív megoldásként, ha a Telepítővarázsló nem jelenik meg, vagy ha bármilyen okból törli, akkor bármikor visszatérhet a Beállítási varázslóhoz, ha bármelyik WooCommerce oldal Súgó menüjének Beállítás varázslóját választja, amely a bal felső sarokban található. ablak.
A bolt 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 ezen az oldalon jeleníti meg termékeit 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 oldalon .
Termékeinek létrehozása
1. lépés – A WordPress rendszergazdai 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 az összes termékinformációval. Például az amp é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 szűkszavú leírását, amely a fő képek mellett fog megjelenni.
6. lépés 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 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 . 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.
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 > Opciók > WooCommerce > Általános WooCommerce > WooCommerce Product Images Zoom opcióban vagy a Woo Product Images Element General lapon > 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 menüpontra , 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 hatás, annál nagyobb képméretet állított be a képhez. Világossá téve, ha a kép mérete a WooCommerce beállításaiban megegyezik az Avada globális beállításainak képszélességével, akkor nem lesz látható nagyítás, amikor az egér az oldalon lévő kép fölé kerül. Ezenkívül a ténylegesen feltöltött kép méretének meg kell egyeznie vagy nagyobbnak kell lennie, mint a webhely képének Fő képszélesség beállítása.
Győződjön meg arról, hogy a WooCommerce képméreteinek módosítása után regenerálja az indexképeket; Ez az új képméreteket alkalmazza a webhelyére már feltöltött képekre. Ehhez használhatja a Miniatűrök újratelepítése plugin .
A termék képméretének beállítása a WooCommerce -ben.
A WooCommerce opciókat tartalmaz a termékképek méretének beállítására az áruház Katalógusa és Egy termék képe szakaszban. Ezenkívül vannak bizonyos 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 fontos megjegyezni, hogy az Avada globális beállításait is figyelembe kell venni. A későbbiekben részletesebben megvizsgáljuk ezeket a lehetőségeket.
Tegyük fel, hogy a termékekhez feltöltött képek kisebbek a forrásnál, mint a WooCommerce beállításaiban megadott képméretek. Ebben az esetben a vizuális elrendezés eltéréseket észlelhet a bolti oldalak elején; Ez semmilyen módon nem hiba. Ez egyszerűen azért van, 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 úgy tekintheti, mint a képek maximális szélességét és magasságát a képméret szempontjából. Minden, ami a megadott határérték alá esik, nem kerül átméretezésre.
Az üzlet konfigurálásakor ügyeljen arra, hogy mind a WooCommerce képméret beállításait, mind a képek tényleges méretét figyelembe vegyék. Összefoglalva, a képeknek ugyanolyan méretűeknek vagy nagyobbaknak kell lenniük, mint a WooCommerce áruházban megadott képméret -beállítások.
A képméret beállításainak bármilyen módosításához újra kell generálnia az indexképeket, hogy azok érvényesüljenek a webhelyére már feltöltött képeken. Ezért nagyon ajánlott a Miniatűrök újratelepítése plugin használata. Ezenkívül a képméretek az alábbi lépésekkel állíthatók 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 Képek beállítása a konfigurációs ablak „ 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 bélyegképek újragenerálásához a képméretek módosítása és mentése után a Bélyegképek újragenerálása plugin , amely a Plugin részben 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.
