Tervezze meg WooCommerce termékkategóriáit az Elementor segítségével

Az Elementor egy kiemelkedő WordPress oldalkészítő, amely új funkciók hozzáadásával javítja az alapértelmezett WordPress -készítő funkcionalitását.

Ha emlékszel, a WordPress korai verziói nem voltak különösen felhasználóbarátok. Amellett, hogy korlátozott funkcionalitással rendelkezik, megkövetelte, hogy támaszkodjon az előre elkészített WordPress témákra a webhely alapvető kialakításának létrehozásához. Sok felhasználó számára azonban a WordPress témák alapvető funkciói nem voltak elégségesek, ami szükségessé tette a plugin telepítését vagy a témakód kézi szerkesztését.

Az Elementor a WordPresshez hasonló blokkalapú építő, de sokkal fejlettebb, mint a WordPress-készítő, mivel intuitívabb, érzékenyebb és funkciókban gazdag. A legfontosabb, hogy fantasztikus weboldalt hozhat létre anélkül, hogy valaha is írnia kellene egy sor kódot !!

WooCommerce és Elementor kombináció

A WP-WooCommerce és az Elementor ma a legszélesebb körben használt WordPress plugin modulok. A rugalmasság és a számos szolgáltatás, amelyeket mindegyik kínál, egyszerűen megfizethetetlen. Ha e -kereskedelmi áruházat üzemeltet, a WooCommerce a legjobb plugin szinte minden igény esetén. Ez a legátfogóbb plugin amely gyakorlatilag minden igényt kielégít.

Ezenkívül az Elementor az egyik leghatékonyabb drag-and-drop webhely-készítő a piacon. Lehetővé teszi, hogy gyorsan megtervezze, testre szabja és berendezze webhelyének szinte bármely oldalát. Még több funkció is rendelkezésre áll, például megamenük létrehozása, valamint a rendkívül kényelmes kiegészítők és sablonok széles skálájának elérése. Mind a WooCommerce, mind az Elementor segítségével professzionális minőségű Shop and Business oldalakat tervezhet és készíthet a lehető legkisebb ráfordítással és erőfeszítéssel. Az Elementor segítségével teljesen testre szabhatja Shop elrendezését, termékrácsát és körhintait, valamint számos gyönyörű elrendezés közül választhat. Továbbá rendelkezésre áll a pénztár- és a kosároldalak beállítása és személyre szabása, valamint a különféle fizetési lehetőségek és funkciók integrálása az ügyfelek nagyobb kényelme érdekében.

Ezenkívül egyéni oldalakat és formatervezéseket is létrehozhat digitális árukhoz, többek között egyéni szállítási és fizetési oldalbeállításokat, valamint postai és elővásárlási oldalakat. Mindez hozzájárul ahhoz, hogy cége webhelye professzionális és felhasználóbarát legyen. A felhasználóbarát cselekvésre ösztönző gombokkal, parallaxis-kész csúszkákkal és számos más funkcióval együtt integrálhatja a WooCommerce funkcióit webhelyébe. A lehetőségek nagy száma gyakorlatilag korlátlan. Most, ha kellőképpen meg van győződve arról, hogy végigvezetjük a terv megvalósításának folyamatán. Számos dolgot tehet annak érdekében, hogy a Shop oldala barátságosabb legyen, és a cél az, hogy ezek a lépések segítségedre legyenek egy barátságosabb Shop oldal létrehozásában a WooCommerce üzletben.

WooCommerce kategóriaoldal létrehozása az Elementorban

Ha ismeri a WooCommerce szolgáltatást, akkor tudja, hogy a termékkategóriák kritikus fontosságúak a termékeik megfelelő megjelenítés és szervezés érdekében - minél gyorsabban megtalálják, amit keresnek, annál jobb. De pontosan mik is a termékkategóriák?

Az ügyfelek jelentős időt töltenek termékei böngészésével a bolti oldalon, ezért pozitív tapasztalatokkal kell rendelkezniük. Nincs is frusztrálóbb annál, mint hogy több tucat oldalt kell végigböngésznie, hogy megtekintse a boltja webhelyén található termékeket.

Ennek eredményeként a kategorizálás elengedhetetlen ahhoz, hogy ügyfelei jobb vásárlási élményt nyújtsanak. Az ügyfelek könnyebben rendezhetik és szűrhetik ki preferenciáikat, ha minden elemhez, például ruházathoz vagy cipőhöz van egy jól elrendezett és rendszerezett rész. Ha hozzáadja a potenciális ügyfeleket generáló elemeket, például cselekvésre ösztönző gombokat, kiemelt termékrészeket, előugró ablakokat az értékesítésekhez vagy ajánlatokhoz, és más hasonló összetevőket, akkor vonzóbbá teheti a látogatókat.

Ha rendelkezik WooCommerce üzlettel, és szeretne arcformát adni, akkor ez az oktatóanyag pontosan az, amire szüksége van az induláshoz.

Sok WooCommerce -téma tartalmaz egy alapértelmezett elrendezést a termékkategóriákhoz, amely lehet, hogy nem felel meg leginkább az üzleti igényeinek. Bár ezek az alapértelmezett értékek tartalmazhatnak néhány hasznos funkciót, nem gyakran testreszabhatók.

Térjünk a lényegre.
A termék beállítása után a közzététel előtt a következőket kell tennie, hogy egy kategóriában megjelenjen:

Ön beállítja azokat a feltételeket, amelyek meghatározzák, hogy a terméksablon hol jelenik meg ebben a szakaszban. Amikor sablont használ, az automatikusan érvényes lesz a webhely összes termékoldalára. A keresést egy adott termékkategóriára is szűkítheti.

Kattintson a Közzététel gombra, és egyetlen terméke már megvásárolható!

Még nem végeztünk.
Amit most tettünk, az nem elég ahhoz, hogy a kategóriák megjelenjenek az oldalunkon; ahhoz, hogy a kategóriák a webhelyünk összes vagy egyes oldalán megjelenjenek, még be kell állítanunk néhány dolgot. A feladat végrehajtásához hozzon létre egy termékkatalógus-oldalt, amely az összes terméket érinti, vagy egy katalógusoldalt, amely egy adott termékkategóriát érint.
Ehhez először térjen vissza az Elementor > Saját sablonok oldalra, és hozzon létre egy termékarchívum-sablont. Ezután válasszon egy meglévő sablont, vagy hozzon létre egy újat. Testreszabhatja az Archív termékek és az Archívum címe widget megjelenését úgy, hogy hozzáadja őket az oldalához.

Használja az oldalak közötti másolási stílus funkciót, hogy testreszabhassa az egyedi terméksablonhoz már létrehozott tervhez, majd mentse el a változtatásokat.
Térjen vissza a termékoldalra, és válassza a Másolás lehetőséget a legördülő menüből. Kattintson a jobb gombbal a Stílus beillesztése elemre, amikor visszatért az archívumhoz. Válassza a Legújabb termékek lehetőséget a Lekérdezés > Források legördülő menüből a Termékek archívum beállításainál.
Ezután válassza ki a gyűrűket a Termékkategória legördülő menüből. Csak a csengetési kategória jelenik meg ilyen módon. Ha egy adott kategóriában hosszú termékek listája van, akkor kapcsolja be az oldalszámozást.
A stílus fül kiválasztásával testreszabhatja az oszlopok és a sorok közötti távolságot. Módosítsa a színeket, a betűtípusokat és a tervezés egyéb szempontjait.

Előzetes közzétételkor válassza ki azokat a feltételeket, amelyek meghatározzák az archívum megjelenésének helyét, csakúgy, mint az egyetlen terméksablon esetében, majd tegye közzé.

Miután megnyomta a „közzététel” gombot, archív oldala élő lesz.

Az Elementor pro lehetőséget kínál arra, hogy piszkos, tiszta termékkategóriákat tervezzen a választékával;

Az alábbiakat hajthatja végre az Elementor Pro programban elérhető opciókkal:

Elrendezési beállítások a WooCommerce termékkategóriákhoz

  • Oszlopok: Állítsa be a megjelenítendő oszlopok pontos számát 1 és 12 között
  • Kategóriák száma: Válassza ki a megjelenítendő kategóriák számát

Lekérdezési beállítások

  • Forrás: Válassza ki a forrást, amelyből meg szeretné jeleníteni a kategóriákat, válasszon az Összes, Kézi kijelölés, Szülő szerint vagy Jelenlegi alkategóriák közül. Ha a Kézi kiválasztás van kiválasztva, manuálisan válassza ki a megjeleníteni kívánt kategóriákat. Ha a „Szülő által” van kiválasztva, válasszon a Csak legfelső szint közül, vagy válasszon egy kategóriát a legördülő listából.
  • Üres elrejtése: Állítsa Igen értékre azokhoz a kategóriákhoz, amelyeken belül nincs termék
  • Rendezés: Állítsa be a kategóriák megjelenítési sorrendjét. A lehetőségek közé tartozik a Név, Csiga, Leírás vagy Szám
  • Sorrend: Válassza ki a kategóriák ASC vagy DESC (növekvő vagy csökkenő) sorrendben való megjelenítéséhez

Stílus beállítások

  • Oszlophiány: Állítsa be az oszlopok közötti pontos rést
  • Sorok közötti hézag : Állítsa be a pontos távolságot a sorok között
  • Igazítás: Igazítsa a termékek adatait balra, jobbra vagy középre

Képbeállítások

  • Szegély típusa: Válassza ki a szegély típusát, válasszon az egyik közül: egyszínű, kettős, pontozott, szaggatott vagy barázdált
  • Szegélysugár: Állítsa be a sugarat a szegély sarkának lekerekítésére
  • Távolság: Állítsa be a képek és az adatok közötti távolságot

Címbeállítások

  • Szín: Válassza ki a cím színét
  • Tipográfia: Állítsa be a Cím szövegének tipográfiai beállításait

Számlálási beállítások

  • Szín: Válassza ki a gróf színét
  • Tipográfia: Állítsa be a gróf tipográfiai beállításait

Következtetés

A WooCommerce Builder az Elementorban biztosítja a tervezési rugalmasságot, amelyre szüksége van a termékoldalak vizuális létrehozásához és finomhangolásához. Az idő, amely az ötlettől az élővé válásig tart , és teljesen a funkcionális online WooCommerce áruház jelentősen csökkenti az időmegtakarítást. Összességében elmondható, hogy a WooCommerce üzletoldalának Elementor segítségével történő testreszabása jelentősen befolyásolhatja webhelye teljes teljesítményét. Segíthet vagy akadályozhatja az értékesítést, ha termékeit a lehető legjobb módon szervezi és jeleníti meg, hogy az ügyfelek láthassák és megvásárolhassák azokat. Az Elementor WooCommerce Shop oldalának beállítását és testreszabását az útmutató lépései mutatják be. Ne feledje azonban, hogy ez csak a jéghegy csúcsa a probléma terjedelmét tekintve. Ebben az alapvető bemutatóban bemutatjuk az Elementor használatának bevezetését az üzlet számára ideális Shop oldal létrehozásához. Használja ezt kiindulópontként, és játsszon vele, hogy a legtöbbet hozza ki ebből a fantasztikus oldalkészítőből

19 gondolat a WooCommerce termékkategóriák tervezéséről az Elementor segítségével

    1. Szia, nem vagyok meggyőződve arról, hogy ez lehetséges. Lehetséges, hogy a kategóriák sorrendjét véletlenszerűen beállíthatja, de a képeket nem.

    1. Szia! Az ingyenes Elementor verzióhoz használnod kell a WooCommerce widgetet, vagy telepítened kell egy másik plugin , amely elvégzi a feladatot.

  1. Hej!

    Vet du om man kan redigera kategoribeskrivningen med Elementor? Och kan man lägga till ett extra textfält under kategorierna i SEO syfte? Tänkte om det är värt att köpa Pro versionen

  2. Herzlichen Dank für den super Beitrag. Wie kann ich eigentlich die Anzahl der Produkte in reiner Reihe ändern? Insbesondere für die responsive bzw. Mobil Anzeige. Wir möchten für den Desktop 4 Produkte in einer Reihe und für Mobile nur 1 pro Reihe.

    1. Ha csak egy adott mobilkonfigurációról van szó, akkor ezt az Elementor widgetből is megteheti. Ha valami egészen mást szeretne mobilon, létrehozhat 2 widgetet, egyet asztali számítógéphez és egyet mobilhoz. A mobileszköz kiválasztása a Speciális lapon található.

Hagy egy megjegyzést

Az e-mail címed nem kerül nyilvánosságra. A kötelező mezők meg vannak jelölve *