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

Az Elementor egy kiváló 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ösebben felhasználóbarátok. Amellett, hogy korlátozott volt a funkcionalitása, megkövetelte, hogy előre elkészített WordPress-témákra támaszkodjon webhelye alapvető dizájnjának létrehozásához. Azonban sok felhasználó számára a WordPress témák alapvető funkcionalitása nem volt elegendő, ezért plugin telepítésére vagy a témakód kézi szerkesztésére volt szükség.

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

WooCommerce és Elementor kombináció

A WP-WooCommerce és az Elementor a két ma elérhető legszélesebb körben használt WordPress plugin . A rugalmasság mértéke és a rengeteg funkció, amelyet mindegyik kínál, egyszerűen felbecsülhetetlen. Ha e-kereskedelmi üzletet üzemeltet, a WooCommerce a legjobb plugin szinte minden igényre. Ez a legátfogóbb plugin amely gyakorlatilag bármilyen igényhez elérhető.

Ezenkívül az Elementor az egyik leghatékonyabb drag and drop webhelykészítő a piacon. Lehetővé teszi webhelye szinte bármely oldalának gyors megtervezését, testreszabását és berendezését. Még több funkció is elérhető, például hatalmas menü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 teljes mértékben személyre szabhatja Shop-elrendezéseit, termékrácsait és körhintait, valamint számos gyönyörű elrendezés közül választhat. Ezenkívül lehetőség van a pénztár- és kosároldalak beállítására és személyre szabására, valamint különféle fizetési lehetőségekkel és funkciókkal való integrálására, hogy ügyfelei nagyobb kényelmet nyújtsanak.

Ezenkívül egyéni oldalakat és terveket készíthet digitális árukhoz, egyéni oldalbeállításokat tartalmazhat a szállításhoz és fizetéshez, valamint többek között postázási és vásárlás előtti oldalakat is létrehozhat. Mindez hozzájárul ahhoz, hogy cége weboldala egyszerre professzionális és felhasználóbarát legyen. A felhasználóbarát cselekvésre ösztönző gombok, a parallaxisra kész csúszkák és egy sor egyéb funkció mellett a WooCommerce funkcionalitást is integrálhatja webhelyébe. A rendelkezésre álló lehetőségek száma gyakorlatilag korlátlan. Most pedig, ha elég meggyőződtél róla, végigvezetjük a terved megvalósításának folyamatán. Számos dolgot megtehet annak érdekében, hogy a Shop oldalát barátságosabbá tegye, és a cél az, hogy ezek a lépések segítsenek egy barátságosabb Shop oldal létrehozásában a WooCommerce áruház számára.

WooCommerce kategóriaoldal létrehozása az Elementorban

Ha ismeri a WooCommerce-et, tudja, hogy a termékkategóriák kulcsfontosságúak a termékek megfelelő megjelenítéséhez és az ügyfelek általi eléréshez való rendszerezésében – minél gyorsabban találják meg, amit keresnek, annál jobb. De mik is pontosan a termékkategóriák?

A vásárlók jelentős időt töltenek az Ön termékeinek böngészésével az üzlet oldalán, ezért pozitív élményben kell részesülniük. Nincs annál frusztrálóbb, mint ha több tucat oldalon kell végignéznie az üzlete webhelyén található termékeket.

Ennek eredményeként a kategorizálás elengedhetetlen ahhoz, hogy ügyfelei jobb vásárlási élményben részesüljenek. Az ügyfelek könnyebben válogathatják és szűrhetik ki preferenciáikat, ha van egy jól áttekinthető és szervezett rész minden típusú cikkhez, például ruházathoz vagy cipőhöz. Ha potenciális ügyfeleket generáló elemeket, például cselekvésre ösztönző gombokat, kiemelt termékrészeket, értékesítési vagy ajánlati előugró ablakokat és más hasonló összetevőket ad hozzá ehhez a részhez, vonzóbbá teheti a részt a látogatók számára.

Ha van WooCommerce áruháza, és szeretné felfrissíteni, 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 a legjobban illeszkedik az üzleti igényeihez, de lehet, hogy nem. Bár ezek az alapértelmezett értékek tartalmazhatnak néhány hasznos szolgáltatást, gyakran nem szabhatók testre.

Lássunk munkához.
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:

Beállíthatja azokat a feltételeket, amelyek meghatározzák, hogy a terméksablon hol jelenjen meg ebben a szakaszban. Ha sablont használ, az automatikusan érvényes lesz webhelye ö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 néhány oldalán éljenek, 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ív termékhez. 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ória termékeinek hosszú listája van, akkor kapcsolja be az oldalszámozást.
A stílus lap kiválasztásával testreszabhatja az oszlopok és a sorok közötti távolságot.

A közzététel előtt válassza ki azokat a feltételeket, amelyek meghatározzák az archívum megjelenési helyét, ugyanúgy, mint az egyetlen terméksablon esetében, majd tegye közzé.

Ha megnyomta a „közzététel” gombot, az archívum oldala éles lesz.

Az Elementor pro lehetőséget ad a gyors tiszta termékkategóriák tervezésére a rengeteg lehetőséggel;

A következőket hajthatja végre az Elementor Pro szolgáltatásban elérhető opciókkal:

A WooCommerce termékkategóriák elrendezési beállításai

  • 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 azokat a kategóriákat, amelyekben nincsenek termékek
  • Rendezés: Állítsa be a kategóriák megjelenítési sorrendjét. A lehetőségek közé tartozik a Név, a Slug, a Leírás vagy a Szám
  • Sorrend: Válassza a kategóriák ASC vagy DESC (növekvő vagy csökkenő) sorrendben való megjelenítéséhez

Stílusbeállítások

  • Columns Gap: Állítsa be az oszlopok közötti pontos távolságot
  • Sorköz: állítsa be a sorok közötti pontos távolságot
  • Igazítás: Igazítsa a termékadatokat balra, jobbra vagy középre

Képbeállítások

  • Szegély típusa: Válassza ki a szegély típusát: nincs, tömör, dupla, pontozott, szaggatott vagy barázdált
  • Szegélysugár: Állítsa be a sugarat a szegély saroklekerekségének szabályozásához
  • Térköz: állítsa be a képek és adataik közötti távolságot

Címbeállítások

  • Szín: Válassza ki a cím színét
  • Tipográfia: Adja meg a tipográfiai beállításokat a Cím szövegéhez

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

  • Szín: Válassza ki a Count színét
  • Tipográfia: Adja meg a Count 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 az idő, amibe telik az ötletből az életbe , és teljesen A funkcionális online WooCommerce áruház jelentősen lecsökken az időmegtakarítás eredményeként. Összességében a WooCommerce bolt oldalának testreszabása az Elementor segítségével jelentősen befolyásolhatja webhelye általános teljesítményét. Segítheti vagy hátráltathatja az értékesítést, ha úgy szervezi és jeleníti meg termékeit, hogy a vásárlók a lehető legjobban láthassák és megvásárolhassák azokat. A WooCommerce Shop oldalának beállítását és testreszabását az Elementorban 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 bemutatását az ideális Shop-oldal létrehozásához az üzlete számára. Használja ezt kiindulási pontként, és játsszon vele, hogy a legtöbbet hozza ki ebből a fantasztikus oldalkészítőből

Hanson F.

Megjegyzések megtekintése

  • Ho un Wo-commerce with Elementor Pro ma a prodotti kategória, amely nem rendelkezik az Elementor funkcióval, come posso bilitarla?

    • Szia, meg kell győződnie arról, hogy az Elementor téma feltételei be vannak állítva a WooCommerce kategóriákban való betöltéshez

    • 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.

    • 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.

  • Hogyan lehet megjeleníteni egy termék bizonyos kategóriáját (elemor builder segítségével) a teljes terméklista megjelenítése helyett?

    • Szia, igen, csak válassza ki a megfelelő kategóriát az Elementor widgetben a "query" beállítás alatt

  • Szia! Köszönjük segítőkész munkáját. Használhatom az elemi termékkategóriákat és a termékkategóriákat?

    • Szia! Az Elementor widgetben max. számú bejegyzés áll rendelkezésre, ezzel aktiválhatod az oldalszámozást

  • Hé!

    Fat du om man kan redigera kategoribeskrivningen with Elementor? Och kan man lägga till ett extra textfält under kategorierna i SEO syfte? Köszönjük, hogy legközelebb megvásárolta a Pro verziót

    • Szia, igen, a pro verzióval felvehetsz leírást a WooCommerce kategóriához, mivel ez szükséges a WooCommerce kategória elrendezés használatához.

  • Köszönjük a nagyszerű élményt. Ki birtokolhatja a terméket önállóan? Ellenőrzések a reszponzív bzw. Mobil Anzeige. Az Ön régiójában 4 asztali terméket, az Ön régiójában pedig 1 mobiltelefont tudunk biztosítani Önnek.

    • Ha csak egy adott mobilkonfigurációról van szó, akkor az Elementor widgetből 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ó.

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

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 . Azt…

2021. október 4

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