Listázza ki 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 megtalálni a legjobb eszközöket webhelye tervezéséhez és testreszabásához, amíg az nem lesz az, amit szeretne.

Számos WordPress és WooCommerce plugin modul á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 plugin kombinál amp egyéb komplikációk előfordulhatnak; ez nem így van, ha a WooCommerce terméktáblázatot és az Elementor plugin 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
• 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:
• A harmonika, a fülek és a kapcsológombok segítségével több terméktáblázat rendezhető.

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

Amint azt 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ényeihez. Egyes plugin modulokat nagy léptékű használatra terveztek, 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át.

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

Ez plugin lehetővé teszi dinamikus, teljesen testreszabható táblázatok létrehozását, 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ékeken kívül valamit szeretne megjeleníteni – például bejegyzéseket, oldalakat vagy dokumentumokat) használhat 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 megtekintünk néhány valós amp arra vonatkozóan, hogyan használhatja a WooCommerce terméktáblázatot és az Elementort a fent bemutatottakhoz 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 modul 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]

Amikor beilleszted a rövid kódot az oldaladba, az általad megadott helyen megjelenik a táblázat, amit a kezelőfelületen megtekintve ellenőrizhetsz:

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 további információra van szüksége 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ó widgetet és a Tabs 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).