5 egyszerű módszer a termékek megjelenítésére egy wordpress online boltban

A termékek megjelenítése a WordPress online áruházban valóban rémálom lehet egy e-kereskedelmi újonc számára. Amikor elkezdtem építeni az online boltomat, azt gondoltam, hogy nem lenne egyszerű elmozdítani a termékeimet a weboldalam kezdőlapjára. De az egész feladat meglehetősen felfelé irányuló küzdelem volt!

Saját tapasztalatom szerint az, hogy a termékek megjelennek a webhelyén, rengeteg időt felemészthet, főleg, ha még nem ismeri az e-kereskedelmet. Megtudtam, hogy ez egy olyan feladat, amelyhez jó ismeretek szükségesek a WordPressről.

Megjelenített termékek egy online boltban

Jan Saints (Saját mű): CC-BY-2.0

Ha először hoz létre WordPress online áruházat, mindenképpen meg kell tanulnia, hogyan állítson be egy általános weboldalt ezzel a tartalomkezelő rendszerrel. Ismerkednie kell olyan dolgokkal is, mint az e-kereskedelem beépülő moduljai, moduljai és rövid kódjai. Ezenkívül, ha a WooCommerce szolgáltatást használja, ismernie kell az elérhető termékmegjelenítési lehetőségeket és meg kell ismernie a beépülő modul általános beállításait. Ez az egyszerű útmutató az online áruház létrehozásához és az elemek megjelenítéséhez (Riccardo Andronaco) mindezt elmagyarázza, és nagyon hasznosnak találtam.

Ebben a cikkben a termékek megjelenítésének és elrendezésének öt módját fogom megvitatni egy WordPress e-kereskedelmi webhelyen. Olvassa el, hogy megtanulja, hogyan lehet megjeleníteni az elemeket a webhelye oldalán, és hogyan lehet ennek megfelelően elrendezni őket.

Öt módszer az elemek megjelenítésére és elrendezésére egy WordPress online boltban

1. Az automatikus módszer
2. Widgetek
3. Bővítmények
4. Shortcodes
5. Csúszkák

1. Az automatikus módszer használata

Ahogy a neve is sugallja, nem kell semmit tennie azért, hogy a termékek megjelenjenek az üzlet oldalán. Az elemek akkor jelennek meg, amikor hozzáadod őket az irányítópultról. Automatikusan ábécé sorrendbe rendezik, vagy véletlenszerűen kategóriákkal vagy anélkül, a WooCommerce megjelenítési beállításaitól függően.

A kezdőlap csak bizonyos számú terméket képes befogadni, ami azt jelenti, hogy ha nagy számú terméked van, akkor ezek egy része a 2., 3., 4. és így tovább kerül.

Ez a módszer megnehezíti az ügyfelek számára, hogy megismerjék a boltban található összes terméktípust, mivel nem tartalmaz kategóriákat, és egyes elemek el vannak rejtve más oldalakon.

Előfordulhat, hogy kerülnie kell ezt a módszert, ha néhány jobb (az alábbiakban ismertetett) módszert alkalmazhat az elemek megjelenítésére. De ha számos olyan eleme van, amely elfér egy oldalon, azaz a kezdőlapon, akkor ezt a módszert alkalmazhatja.

Véletlenszerűen megjelenített termékek

Jan Saints (Saját mű): CC-BY-2.0

2. Widgetek használata

Mint ismeretes, a WordPress modulja egy kis tartalomtömb, amely elhelyezhető az oldalsávon és a láblécen. Ez egyszerű és egyszerű módot kínál a weboldal testreszabására. Néhány általános kütyü a következőket tartalmazza: legutóbbi bejegyzések, keresőmező, kategóriák és lábléc menü.

Az e-kereskedelem webhelyén widgetek használhatók a termékkategóriák megjelenítésére az oldalsávon vagy a láblécen. Ezért nagyszerű módja lehet a (fent tárgyalt) automatikus módszer fejlesztésének, amely nem tartalmazza a termékkategóriákat.

Az e-kereskedelem WordPress-témáihoz tartozó nagyszerű widgetek közé tartoznak a népszerű termékek, a legújabb termékek, a legkeresettebb termékek, a legnépszerűbb termékek és a kiemelt termékek. Ezek a modulok testreszabhatóak, ami azt jelenti, hogy átnevezheti őket az elemek tényleges kategóriáival. Húzhatja őket is, hogy a stílusának megfelelő elrendezést kapjon.

Mivel a kütyü csak az oldalsávon és a láblécen jeleníthet meg termékeket, az online boltok tulajdonosainak többsége nemkívánatosnak tartja azokat. A tételek megjelenítésének legjobb helye az oldal fő sávjában található, amit widgetekkel nem lehet elérni.

Az oldalsávon megjelenő termékek egy beépülő modul segítségével

Jan Saints (Saját mű): CC-BY-2.0

3. A beépülő modulok használata

A WordPress programban a beépülő modul egy programkészlet, amely funkciók, szolgáltatások vagy szolgáltatások csoportját tartalmazza. Ebben a tartalomkezelő rendszerben több tízezer (ingyenes és prémium) bővítmény található, amely széles körű igényeket képes kielégíteni. Vannak beépülő modulok minden típusú webhelyhez, például vannak beépülő modulok az e-kereskedelemhez (például a WooCommerce), könyvtárakhoz, blogokhoz, viszonteladási és foglalási platformokhoz.

A cikkek megjelenítéséről és elrendezéséről egy online boltban számtalan plugin található, amelyek segítségével elvégezheti ezt a feladatot. De a legtöbb beépülő modul nem elég hatékony, ezért a bebizonyosodott működés után kell járnia.

A cikkek megjelenítéséhez a WordPress online áruházban a leginkább ajánlott bővítmények az Ultimate Product Catalogue és a WooCommerce Product Sort and Display.

A rendezés és megjelenítés plugin jobban működik egy másik végtelen nevű pluginnel, amely lehetővé teszi, hogy nagy számú elemet jelenítsen meg a bolt oldalán. A két beépülő modul telepítése és aktiválása után a termékkategóriákra kell lépnie, és a megfelelő megjelenítés érdekében húzza át a kategóriákat. Ezután beállíthatja a kategóriánként megjelenítendő termékek számát linkekkel az összes megtekintéséhez.

Ami a rendezést illeti, a plugin alapértelmezett rendezéssel és rendezéssel érkezik népszerűség, újdonság, ár (alacsony vagy magas és fordítva) szerint, eladó és kiemelt. Ezen funkciók egy része a plugin prémium verziójával érkezik, ezért ajánlott ezt a verziót használni.

A másik plugin, az Ultimate Product Catalog kissé összetett. A beépülő modul telepítése és aktiválása után hozzá kell adnia az összes termékét és kategóriáját ahhoz, hogy olyan azonosítókat kapjon, amelyeket rövid kódokban használhat az elemek megjelenítésére. Készítenie kell néhány apró katalógust is a tételeihez.

Például a következő rövid kód "x" azonosítójú termékeket jelenít meg a katalógusban.

vagy

A beépülő modul olyan funkciókkal rendelkezik, mint testreszabható katalógus elrendezések, eladási árak, termékimport, pénznemszimbólum, morzsa, közösségi média megosztás, termékismertető és értékelések, SEO by Yoast integráció és számos beállítási lehetőség.

A beépülő modulban található termékkatalógus-stílusok a következők: minimalista, blokkoló, lebegő és füles elrendezés. Ezen stílusok egy része, valamint a fent leírt funkciók egy része a plugin prémium verziójával elérhető.

Blokk stílusban megjelenő termékek egy beépülő modul segítségével

Jan Saints (Saját mű): CC-BY-2.0

4. Rövid kódok használata

Ha online áruházához használja a WooCommerce szolgáltatást, rövid kódokat találhat, amelyek a termékek megjelenítésének legegyszerűbb módját jelentik a bolt oldalán. A rövid kódok a termék- és kategóriaazonosítókkal és a cikkszámokkal működnek, és egyszerűen másolhatók és beilleszthetők a bolt oldalára az elemek megjelenítéséhez. Lásd az alábbi rövid kódokat.

- megmutatja a kategóriák felsorolását.

- egy meghatározott számú kategóriát mutat, és jól működik a következő argumentumokkal. Megjegyzés: Ezek az argumentumok működhetnek ezzel a rövid kóddal is.

• szám = "null" - a kategóriák számának megjelenítése.
• orderby = "név" - kategóriák megjelenítése név szerinti sorrendben. Megjegyzés: A "név" érték helyettesíthető dátummal, rand (véletlenszerű), módosított és egyikkel.
• order = "asc" - kategóriák megjelenítése növekvő sorrendben. Megjegyzés: Az "asc" érték helyettesíthető "desc" értékkel csökkenő sorrendben.
• oszlopok = "x" - egy kategória "x" oszlopainak megjelenítése.
• hide_empty = "1" - kategóriák elrejtése.
• hide_empty = "0" - kategóriák megjelenítése.
• szülő = "0" - a legfelső szintű kategóriák megjelenítéséhez.
• ids = "x" - a kategória megjelenítése az "x" azonosítóval.
• category = "x" - az "x" kategória megjelenítéséhez.

• categories_limit - korlátozott számú kategória megjelenítése.
• archive_template - egy adott archív sablon megjelenítése egy adott listához.
• design_scheme - egy adott szín vagy méret megjelenítése.
• sort = "0" - a termék rendezési választójának letiltása.
• sort = "1" - a termék rendezési választójának engedélyezése.
• = "1" - a rövid kód engedélyezése.
• post_type - egy másik típusú bejegyzés megjelenítéséhez.
• per_row - a termékek megjelenítése soronként.
• üres - egy bizonyos szöveg megjelenítése, ha nincs megjelenítendő termék.

• - az "x" kategóriájú "y" elemeket jeleníti meg, amelyek a "z" oszlopokban jelennek meg, és csökkenő sorrendben vannak elhelyezve a feladás dátumától függően.
• - a termékek listáját mutatja.
• - mutatja a termék nevét. Megjegyzés: A "név" értéket más értékekkel lehet helyettesíteni, hogy további rövid kódok jöjjenek létre. Ezen értékek egy része a következőket tartalmazza: ár, leírás, rövid leírás, attribútumtábla, SKU, szállítás, galéria és a kapcsolódó kategóriák.
• - az aktuális terméklista kategóriáit mutatja.
• - az aktuális terméklista oldal termékeit mutatja.
• - mutat zsemlemorzsát.
• - korlátozott számú terméket mutat.
• - Vissza a termékekhez URL-t mutat, amely a fő terméklistára mutat.
• - mutatja a jelenleg akciós termékeket.
• - "x" azonosítójú terméket mutat.
• - "x", "y" és "z" azonosítójú termékeket mutat.
• - a "xyz" cikkszámmal ellátott terméket mutatja
• - az "abc", "def" és "ghi" termékkódot mutatja.
• - az "x" azonosítójú termék ára és kosárba helyezése gomb.
• - az "x" cikkszámmal ellátott termék árának és kosárba helyezésének gombja.
• - maximum "x" elemeket jelenít meg.
• - egy bizonyos attribútummal rendelkező termékeket jelenít meg, azaz a "color" és a "black" színt.

• - az "x" legújabb termékeket jeleníti meg az "y" oszlopokban és csökkenő sorrendben, a feladás dátumától függően.
• - "x" kiemelt termékeket jelenít meg az "y" oszlopokban és csökkenő sorrendben, a feladás dátumától függően.
• - "x" népszerű termékeket jelenít meg az "y" oszlopokban és csökkenő sorrendben, a feladás dátumától függően.
• - az "x" legjobb besorolású termékeket jeleníti meg az "y" oszlopokban és csökkenő sorrendben, a feladás dátumától függően.
• - "x" legjobban fogyó termékeket jelenít meg az "y" oszlopokban és csökkenő sorrendben, a feladás dátumától függően.
• - "x" kapcsolódó termékeket jelenít meg az "y" oszlopokban és csökkenő sorrendben, a feladás dátumától függően.
• - klasszikus listasablonnal mutatja a terméklistát Megjegyzés: Más sablonok, például a „rács” és az „alapértelmezett” is használhatók a „lista” helyett.
• - az "x" azonosítójú és klasszikus listasablonnal ellátott termékeket mutatja.

Megjegyzés: Ha jól tud kódolni, akkor a jobb termékmegjelenítés és elrendezés érdekében módosíthatja ezeket a rövid kódokat.

Az oldalra beillesztett rövid kód

Jan Saints (Saját mű): CC-BY-2.0

5. Csúszkák használata

Abban az esetben, ha nem tudta, a csúszka egy weboldal elem, amelyet a kijelölt bejegyzések csoportjának kiemelésére használnak. Olyan ez, mint egy diavetítés, ami azt jelenti, hogy egyszerre csak egy bejegyzést jelenít meg, automatikusan vagy kattintással mozog az egyikről a másikra.

Csúszkákkal ellátott termékek megjelenítéséhez ki kell cserélnie a posztokat a termékeire. Ha egy termékcsúszkát szeretne létrehozni, szüksége van egy érzékeny csúszka pluginra, például a Soliloguy-ra. A beépülő modul telepítése és aktiválása után hozzá kell adni egy új csúszkát, amelyet fényképek, linkek és az elemek egyéb szükséges részletei segítségével megtehet. A következő lépés a csúszka mentése vagy közzététele egy rövid kód és sabloncímke megszerzése érdekében.

Végül a termékek megjelenítéséhez át kell másolnia és be kell illesztenie a rövid kódot a kezdőlapjára vagy bármely más oldalra. A sabloncímke elemeket jeleníthet meg a téma fejlécében. Csak át kell másolnia a címkét, nyissa meg a header.php fájlt, és illessze be a kódolt oldalra.

A WooCommerce rendelkezik egy Product Slider nevű beépülő modullal, amely az e-kereskedelemhez készült. Úgy működik, mint egy tipikus csúszka plugin, de tartalmaz még néhány beállítást és opciót. Arra bátorítalak benneteket, hátha segíthet a cikkek megjelenítésében és elrendezésében.

Csúszkán megjelenített termékek

Jan Saints (Saját mű): CC-BY-2.0

Következtetés

Elemek megjelenítése és elrendezése a WordPress e-kereskedelmi webhelyén meglehetősen egyszerű és egyszerű ezzel az öt módszerrel. Ha már nehezen tudta megjeleníteni és elrendezni a termékeket az online boltban, akkor most nagyon könnyedén el kell kezdenie ezt a két feladatot. Csak válasszon egy módszert, amely úgy gondolja, hogy Önnek megfelelő lehet, és okosabban helyezze el ezeket a termékeket a kezdőlapon.

Hivatkozások

1. Mening. R. Hogyan építsünk online áruházat a WordPress és a WooCommerce segítségével. websitesetup.org . Webhely beállítása. (2017).
2. Andronaco R. Hogyan lehet online áruházat létrehozni a WooCommerce és a Wordpress használatával: Egyszerű útmutató az e-kereskedelmi webhely tökéletes beállításához. (2017).
3. Rastaurius E., Etoile webdesign. e-kereskedelmi termékkatalógus a WordPress számára. wordpress.org. implecode. (2017).
4. WooCommerce. Rövid kódok a WooCommerce szolgáltatással együtt. docs.woocommerce.com . WooCommerce. (2016).
5. Truman S., Tuan N., Ar3rev szoftver. WooCommerce termékrendezési és megjelenítési bővítmény. wordpress.org. Ar3rev szoftver. (2013).
6. YiThemes. Végtelen görgető beépülő modul. wordpress.org. YITHEMES. (2017).
7. Razzak S. Exkluzív útmutató a WooCommerce termékek csúszka bővítményéhez. cloudways.com. Cloudways Ltd. (2016).
8. Balkhi S. Hogyan készíthetünk könnyen reagáló WordPress csúszkát a Soliloquy segítségével. wpbeginner.com . WPBeginner. (2014).

© 2017 Januaris Saint Fores