Sorolja fel a termékeket az Elementorban a WooCommerce terméktáblázattal

Ebben a bejegyzésben megmutatjuk, hogyan kombinálhatod az Elementor és a WC terméktáblázatot, hogy személyre szabottabb WordPress-webhelyet hozz létre, miközben növeled a WooCommerce üzleted eladásait.

A WordPress leegyszerűsíti a webhely létrehozásának és gyors üzembe helyezésének folyamatát. A WooCommerce egy WordPress plugin , amely lehetővé teszi, hogy bármely WordPress webhelyet teljesen működőképes online áruházzá alakítson. Fennáll a kockázata, hogy másolt webhelyet hoz létre, azonban ha továbbra is az alapértelmezett beállításokat és funkciókat használja, ez nem biztos, hogy megfelel az üzleti igényeinek. Nagyon fontos, hogy megtalálja a legjobb eszközöket a webhely tervezéséhez és testreszabásához, amíg el nem éri azt, amit szeretne.

Számos WordPress és WooCommerce plugin áll rendelkezésre az üzlet funkcionalitásának javítására – az Elementor például amp legegyszerűbb eszköz a WooCommerce termékoldal testreszabásához. Bár ez az egyik legjelentősebb előnye, van néhány jelentős hátránya is. Például amp plugin kombinál , kompatibilitási hibák és egyéb komplikációk előfordulhatnak; ez nem így van, ha a WooCommerce terméktáblázatot és az Elementor plugin a WordPress webhelyekhez. plugin bármelyikének használatakor nagyobb irányítást kaphat webhelye megjelenése és funkcionalitása felett , és együtt is használhatók a még kiválóbb eredmények elérése érdekében.

A WooCommerce terméktáblázat és az Elementor keretrendszerek gyors áttekintése

Ahogy korábban említettük, a WordPress plugin széles választéka áll rendelkezésre, amelyek segítenek egy jobb WordPress-webhely létrehozásában, amely személyre szabott az Ön egyedi igényei szerint. Egyes plugin nagy léptékű használatra tervezték, míg mások egy adott szempont vagy szolgáltatás hozzáadására szolgálnak.

Az Elementor egy amp az első típusú alkalmazásra:

Oldalkészítő beépülő plugin egy teljesen új felületet kínál weboldalak készítéséhez és WordPress webhelyének elkészítéséhez. A widgetek, blokkok és elrendezések kiterjedt könyvtárának kiválasztásával és testreszabásával nagy mértékben irányíthatja webhelye összeállításának módját.

Bár a WooCommerce terméktáblázat általánosabb megoldás, célzottabb is:

Ezzel plugin dinamikus, teljesen testreszabható táblázatokat hozhat létre, amelyek felsorolják WooCommerce termékeit és szolgáltatásait. A WooCommerce-szel való interakciójuk miatt azonban ezek a táblázatok különösen alkalmasak a termékek és szolgáltatások felhasználóbarát és tetszetős megjelenítésére az online vásárlók számára. A Posts Table Pro plugin ugyanúgy működik együtt az Elementorral, és a WordPress bármely tartalomtípusát felsorolja egy táblázatban, ahelyett, hogy egyszerűen WooCommerce termékeket (ha a termékektől elkülönülve szeretne megjeleníteni – például bejegyzéseket, oldalakat vagy dokumentumokat) helyette.

Egymással együtt használva az Elementor és a WooCommerce Product Table jelentősen változatos képességeket biztosít. Használhatja őket néhány rendkívül jelentős hatás eléréséhez, amelyek segítenek növelni a WooCommerce áruház eladásainak számát.

Itt az ideje, hogy hozzáfogjunk az üzlethez. A következő szakaszokban néhány valós amp tekintünk meg arra vonatkozóan, hogyan használhatja a WooCommerce terméktáblázatot és az Elementort a fentiekhez hasonló hatások létrehozására.

Ha e két plugin kombinálásáról van szó, az ég a határ – és ez csak néhány a lehetőségek közül. Egy kis próbálkozással és hibával különböző oldalakat állíthat össze ugyanazzal az alapvető megközelítéssel, amelyet bemutatunk.

Mindenekelőtt meg kell győződnie arról, hogy mindkét plugin megfelelően telepítve van a webhelyén. Jó dolog, hogy az Elementor telepítése és a WooCommerce terméktáblázat konfigurálása fájdalommentes és egyszerű. A lépés folytatásához magát a WooCommerce-t is telepíteni és engedélyezni kell. Ezután készen állsz a projektedre.

Ha WooCommerce terméktáblázatot szeretne beépíteni egy szövegszerkesztőbe vagy rövid kód widgetbe, kövesse az alábbi lépéseket:

Kezdjük a lehető legalapvetőbb és leghasznosabb alkalmazással. Alternatív megoldásként, ha egyszerűen csak egy dinamikus terméktáblázatot szeretne használni az Elementor webhelyén, hozzáadhatja azt egy widgethez, és megjelenhet a webhely elején.

Győződjön meg arról, hogy az Elementor szerkesztőt használja, amikor megnyit egy oldalt vagy bejegyzést, hogy ezt elérje. Ha az ismerős WordPress felület jelenik meg, kattintson a Szerkesztés Elementorral gombra, hogy az Elementor felületre váltson:

Ha most először dolgozik az Elementorral, tegyünk egy kis körutat a platformon. A jobb oldalon egy nagy terület jelenik meg, ahol a tartalom megjelenik, és valós időben frissül, ahogy hozzáadja és módosítja. A képernyő bal oldalán található a „widgetek” listája, amelyeket a kijelölt területre húzhat, majd szükség szerint átszervezheti és konfigurálhatja:

A terméktáblázat számos különböző Elementor widgettel használható. Ha azonban csak egyetlen terméktáblázatot szeretne megjeleníteni egy oldalon, akkor ezt megteheti egy bevezető szövegrész beillesztésével az oldal HTML-kódjába. Vegye fel a Szövegszerkesztő widgetet, és helyezze át egy üres helyre az alábbiak szerint:

Ezt követően a widget belsejébe kattintva eltávolíthatja az alapértelmezett szöveget, és tetszőleges tartalommal helyettesítheti azt. Ha magáról a terméktáblázatról van szó, akkor ezt az egyszerű rövid kód beillesztésével veheti fel:

[terméktáblázat]

A rövid kód beszúrásakor az Ön által megadott helyen megjelenik a táblázat, amelyet a kezelőfelületen megtekintve ellenőrizhet:

Ha csak magának a kódnak szeretne egy elemet használni, használhatja a Shortcode widgetet.

Soha ne felejtse el menteni az oldalt, amikor befejezte a táblázat elhelyezését, függetlenül attól, hogy hová helyezi el. Ezt követően valószínűleg módosítani kell a táblázat megjelenésén és működésén.

Térjen vissza a WordPress irányítópultjára, és lépjen a WooCommerce > Beállítások lapra a feladat végrehajtásához. A terméktáblázatokat a képernyő tetején található Termékek, majd a Terméktáblázatok kiválasztásával találja meg:

A WooCommerce terméktáblázat konfigurálására vonatkozó lehetőségek alapos listája itt található. A táblázatban megjelenő információk teljes ellenőrzése alatt áll, és testreszabhatja azokat többek között szűrők és változók hozzáadásával. Tekintse meg a plugin dokumentációját, ha többet szeretne megtudni a különböző lehetőségekről.

Az Elementor segítségével most létrehozott terméktáblázatot anélkül módosíthatja, hogy bármi mást kellene tennie. Miután befejezte a táblázat testreszabását az előírásoknak megfelelően, egyszerűen mentse el a változtatásokat, és máris készen áll!

A harmonika, a fülek és a kapcsológombok segítségével több terméktáblázat rendezhető.

A fenti megoldás jól működik, ha egyetlen táblázatot szeretne megjeleníteni a WooCommerce termékeivel. Ha sok táblát fog létrehozni, amelyek mindegyikéhez más-más objektumkategória tartozik, ez nem a legjobb megoldás.

Ennek az Elementorban többféle módja van. Az Accordion widget amp ugyanazt a hatást generálhatja, mint amit a legutóbbi esettanulmányban láttunk. A jobb oldali szerkesztőterülettől kezdve vigye át az Accordion widgetet a bal oldali szerkesztőterületre.

A pluszjelekre kattintva tetszőleges számú külön lapot hozhat létre, amelyeken belül személyre szabhatja a címsorokat és a szöveget. Ezenkívül hozzáadhat egy terméktáblázatot egy vagy több laphoz a korábban említett rövid kóddal.

Természetesen, ha egyszerűen hozzáadja az alap rövid kódot, akkor hasonló terméktáblázatok egymásutánja lesz, ami valószínűleg nem az, amit először keresett. Ehelyett minden egyes rövid kódot testre kell szabnia, hogy az összes termék helyett csak meghatározott termékeket – amp egy adott kategória tételeit – jelenítse meg.

Az Ön által használt módszert a szóban forgó táblázatokban felvenni és kihagyni kívánt termékek határozzák meg. További információkért tekintse meg a teljes útmutatót a WooCommerce terméktáblázat rövid kódjainak testreszabásához.

Érdemes megjegyezni, hogy hasonló hatást érhet el néhány más hasznos Elementor widget segítségével; ez tartalmazza többek között a Váltó és a Lapok widgetet. WooCommerce terméktáblázat bemutatása szempontjából az Elementor a legjobb eszköz.

Tisztítsa meg hanyag jelölését az ingyenes online HTML-, CSS- és JavaScript-szervezőknek köszönhetően!

Ha azt szeretné, hogy vállalkozása kitűnjön a versenytársak közül, alaposan gondolja át e-kereskedelmi webhelye kialakítását. amp meg kell határoznia a termékei bemutatásának leghatékonyabb módját, ideális esetben olyan stílusban, amely egyszerre felhasználóbarát és tetszetős a szemnek.

Szerencsére a WooCommerce Product Table plugin használata az Elementorral egyszerű feladattá teszi ezt. A terméktáblázat rövid kódja segítségével valóban dinamikusan jeleníthet meg mindent, amit webhelye kínál (vagy csak egy választékot).

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

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