Tartalom
- Felállítása
- Népszerű termékek
- A munka elvégzése
- Az adatbázis lekérdezése
- A WordPress termékek keresésének javítása
Ez a cikk először a .net magazin 232. számában jelent meg - ez a világ legkeresettebb webes tervezői és fejlesztői magazinja.
Egyre több webhely fordul a WordPress-hez CMS-ként, ami egyidejűleg növeli az üzletek és az online vállalkozások számát, akik e-kereskedelmi igényeikhez használják. A WordPress számára elérhető e-kereskedelmi bővítmények összegyűjtésével a WP e-kereskedelem szabványosított megoldásként kiemelkedik - hihetetlenül hatékony és bővíthető, és szinte minden olyan témával működik, amelyre csak gondolhat.
A WP e-kereskedelem folyamatosan növekszik, és több mint 1,3 millió letöltéssel hatalmas figyelemmel kíséri a fejlesztőket és a lelkes tervezőket, akik alacsony szintű fejlesztési lábnyomokkal rendelkező, megbízható megoldásokat kínálnak minden típusú és méretű ügyfelek számára. Ez az oktatóanyag a WP e-kereskedelem beállításával és a közös funkcionalitás elérésével foglalkozik anélkül, hogy fillért kellene fizetnie.
Felállítása
Lelkes, izgatott és felkészült a WordPress használatára. Telepítve van, üzembe helyezett és már alig várja, hogy webáruháza eljusson az internetre - de nem tudja, hol kezdje. Ha korábban használta a WordPress alkalmazást, akkor már megszokta az adminisztrációs területet; ha nem, akkor felkészítünk a gyorsabb értékesítésre, mint gondolná.
A WP e-Commerce fej telepítéséhez a WordPress adminisztrátor plug-in kezelőjébe, és keressen rá WP e-kereskedelem. Találat telepítés; most már csak kattintania kell aktiválja.
A telepítés után egy új menüelem jelenik meg Termékek; erre kattintva megjelenik egy üres termékkatalógus. Termékeket hozzáadhat itt és most, ami a bemutató további részében jó ötlet, mert áttekintjük a legnépszerűbb termékek letöltését és a termékkeresést, anélkül, hogy fizetnénk a WP e-kereskedelem arany kosár extráinak.
Népszerű termékek
Nyilvánvalónak tűnhet a „népszerű termékek” funkció, de a WP e-kereskedelem alapértelmezés szerint nem jár vele - szerencsére ez egy egyszerű funkció létrehozása. Vállalkozása érdekében fontos a keresztértékesítés; ügyfelei számára is kulcsfontosságú, hogy kellemes vásárlási élményt élvezzenek, és a népszerű termékek megjelenítése remek módja a jobb eladásoknak és a felhasználói élmény javításának.
Szerkesztenünk kell a témát függvények.php hogy beépítsük egyedi funkcióinkat. Írunk egy olyan funkciót, amely hozzáadja a „népszerű termékek” funkcionalitást és egy rövid kódot annak érdekében, hogy a függvény közepén / oldalon meghívható legyen.
A munka elvégzése
A Tipsy & Tumbler ragyogó Sticks & Stones témáját használom - ez nagyon érzékeny és kiválóan működik a WP e-kereskedelemmel közvetlenül a dobozból. Mivel a téma függvények.php már elég nagy, új fájlt fogunk létrehozni functions-addons.php, amelyet ugyanabban a könyvtárban mentünk el, mint a functions.php fájlt. Ezeket a fájlokat itt találja wp-tartalom / témák / botok és kövek.
Mielőtt eljutnánk a kódhoz, a WP e-kereskedelem újabb verziói úgy működnek, hogy amikor a felhasználó hozzáadja az egyik elemét a kosarához, és átmegy a fizetésen, a plug-in írja az elemeket a táblázatba wp_wpsc_cart_contents - mivel a régebbi ismétlések az kosárba helyezéskor írtak az adatbázisba.
Az adatbázis lekérdezése
Ahhoz, hogy a népszerű termékeket az adatbázisból megszerezhessük, két dolgot kell tennünk: tegyük ki a WordPress adatbázist a függvénynek, majd írjunk egy MySQL lekérdezést a termékek összegyűjtésére és a vásárlás gyakorisága szerint rendezve:
// Az adatbázis tárolása a $ wpdb; // Az eredmények megszerzése $ popular_products = $ wpdb-> get_results ("SELECT 'prodid', SUM (mennyiség) FROM '{$ wpdb-> prefix} wpsc_cart_contents' GROUP BY 'prodid' ORDER BY 'mennyiség' DESC LIMIT {$ atts ['limit']} ", ARRAY_A);
A szabványos WordPress adatbázis-adaptert kitesszük a függvény elé, lehetővé téve számunkra az adatbázis lekérdezését és az eredmények formázását. Most úgy módosíthatjuk az adatokat, hogy jól érezzük magunkat. Az egyszerűség kedvéért asszociatív tömbként hagytam a formátumot.
A második dolog az, hogy a MySQL beépített SUM funkcionalitását használjuk, amely megszámolja egy mező értékeinek teljes számát - és harmadik tevékenységünk az, hogy az elemeket a termékazonosító alapján csoportosítsuk, így nem kapunk duplikátumokat az eredményekben, és érvénytelenítjük az eredmények.
Most úgy tűnhet, hogy a munka nagy részét elvégeztük - és olyan módon, ahogyan megtettük; a fájdalmas rész nincsen útban - de a funkció nincs befejezve. A rendelkezésünkre álló adatokat olyan formátumban kell feldolgoznunk, amely szemantikus és rugalmasan használható új üzletünkben.
Erre a módszerre egy hurok írása szolgál, amely átmegy az adatokon és a legnépszerűbb termékeinket adja ki. A ciklusunk végrehajtásához az alábbi kódot használjuk, amely egyedivé teszi a terméket a lekérdezésünkből kinyert adatkészletből - vagyis gyorsan, egyszerűen és hatékonyan kiírhatjuk mindegyiket.
// Húzza végig az eredményeket? Phpforeach ($ popular_products as $ item) {$ product = get_post ($ item [’prodid’]); $ the_title = $ product-> post_title; $ the_image = get_the_post_thumbnail ($ item [’prodid’]); $ the_price = the_product_price ($ item [’prodid’]); $ the_link = get_permalink ($ item [’prodid’]);}?>
Kiszolgáljuk most a hurkot néhány HTML-lel, és a használat során elmagyarázom a WordPress függvényeit. Sok fejlesztő, aki a WordPress programot használja, nem ismeri ezeket a funkciókat, és szörnyű kódokat ír polifillként, ami lassítja az egész webhelyet. Csak ragaszkodom a HTML két oszlopos elrendezéséhez: ez elég szabvány a legtöbb termékoldal esetében. Ez a kód a hurok belsejébe kerül:
div> a>? php echo $ the_title?> / a> a href = "? php echo $ the_link?>"> span>? php echo $ the_image?> / span> span> span> Csak / span>? php echo $ the_price?> / span> / a> / div>
Lehet, hogy észrevett egy korábbi nevű kódblokkban meghívott függvényt a_termék_ár. Ez a funkció nagyon egyszerű: csak megadja a termék árát. Két érvre van szükség, és ha átadja a másodikat, megkapja a különleges Ár. A WP e-kereskedelemben ez egyszerűen az eladási ár, amelyet a termék adminisztrációs oldalán talál. Az első érv a termék azonosítója, amely egyedi számot ad az egyes termékeknek.
függvény the_product_price ($ id, $ special_price = false) {if ($ special_price) {return wpsc_currency_display (get_post_meta ($ id, ’_ wpsc_special_price’, true)); } else {return wpsc_currency_display (get_post_meta ($ id, ’_wpsc_price’, true)); }}
Ahhoz, hogy ezt rövid kódként használhassa az oldalain (a rövid kódok valamilyen oknál fogva nem működnek a bejegyzéseknél), csak egy kódsorra van szüksége - ez egy másik a varázslatos WordPress-funkciók közül. A. Első érve add_shortcode a function egy karakterlánc, amelyet az oldaladon belül használhatsz; a második érv annak a függvénynek a neve, amelyet most fejeztünk be.
// Add hozzá a shortcodeadd_shortcode (’népszerű_termékek’, népszerű_termékek);
A WordPress termékek keresésének javítása
A WordPress keresés zokniba lendítése ahelyett, hogy szívásnál nagyobb lenne, mint egy vákuum, mammut feladat lehet, ha valami részletre van szüksége, de ennek egyszerűbb módjai is vannak. (Mindig van egy könnyebb módszer valamire!)
A WordPress és a WP e-kereskedelem későbbi verziói lehetővé teszik a termékek keresését, mert oldalként adják hozzá őket, míg a WP e-kereskedelem idősebb verzióiban külön táblázat és külön bejegyzés típusa volt - összességében rémálom. Ma szerencsére a „csak működik” keresés - de csak éppen, ezért kibővítjük a keresést kategóriákkal és címkékkel, hogy vásárlóinak a lehető legjobb élményt nyújtsuk az online boltban való böngészés során.
Feltéve, hogy termékeket adott hozzá az üzletéhez, és már megtalálta a kategóriák oldalt az adminisztrációs területen (a. Alatt) Termékek menü, amelyet korábban az oktatóanyagban megnéztünk), és hozzáadta kategóriáit és termékeit, folytathatjuk a keresési űrlap és az eredményoldal testreszabását. Ez a lehető legegyszerűbbé teszi a vásárlók számára, hogy eljussanak a látogatótól a pénz zsebre helyezéséhez.
A WordPress furcsa terminológiákkal rendelkezik, amikor bizonyos mezőket keres, például a kategóriákat, amelyek valójában nem kategóriák - taxonómiának hívják őket, és mint ilyeneket külön lekérdezést kell végeznünk, hogy kijussunk belőlük! Tehát céljaink elismerése érdekében testre szabjuk a keresési űrlapot egy új mező beillesztésére.
Először meg kell nyitnunk a keresési űrlapsablont a témánkban: ez az ún searchform.php (ha nincs ilyen a témamappában, hozzon létre egyet). Testreszabni fogjuk az űrlapot - nyisson meg egy ilyen űrlapcímkét:
form id = "searchform" action = "/">
A művelet gyökérként van beállítva, mert a WordPress automatikusan felismeri a keresési lekérdezést, és kiszereli hozzá a sablont. Most hozzáadjuk keresési mezőinket az űrlap törzséhez:
input type = "text" name = "s" placeholder = "Kulcsszavak" />
Ez az alapértelmezett WordPress keresési mező. Az s név az a keresési paraméter, amelyet a WordPress az egyes bejegyzések tartalmában és címében keres. Bár testre szabjuk a keresést, ez a paraméter továbbra is a termékoldalak törzsében és címében keres.
A helykitöltő az attribútum az alapértelmezett szöveg, amely a gépelés közben eltűnik és automatikusan megjelenik, ha nem írt be semmit; ezt JavaScriptnek kell vezérelnie a témának. A Sticks & Stones téma már ezt teszi azoknak a böngészőknek, amelyek nem támogatják a menő tulajdonságokat. (Rád nézek, Internet Explorer.)
Vegyünk fel egy másik mezőt, hogy megkereshessük a hozzáadott kategóriákat:
input type = "text" name = "term" placeholder = "Kategóriák" />
A fenti mezőt fogjuk használni a termék taxonómiáink keresésére. A név kifejezés a taxonómiák alapértelmezett WordPress keresési attribútuma; a WP e-kereskedelem termékei mind postai típusúak, kategóriáik pedig egyedi rendszertanok.
Végül tegyük hozzá a sajátunkat Beküldés gombra, és zárja be a fent megkezdett űrlapcímkét. Ez mind hihetetlenül szabványos dolog - de ne aggódjon: egyre közelebb kerülünk ahhoz az igazán klassz bithez, amely megváltoztatja a WordPress keresés működését és azt kapja, amit szeretnénk.
input type = "submit" name = "submit" id = "searchsubmit" value = "Keresés" /> / form>
Igaz, ez a formánk gondoskodik. Mentse el és töltse fel - az új űrlap megjelenik ott, ahol a keresési űrlapok voltak.Most vessünk egy pillantást a WordPress keresési funkcióira - amit tenni fogunk, az lesz, hogy szűrőt adunk a keresési funkcióhoz, amely az egyedi taxonómiánknak megfelelő eredményeket hoz ki. Úgy tűnik, ezt nagyon nehéz megtenni, de valójában csak öt sornyi kódra van szükség; mondhatni könnyebb, mint a WordPress beállítása.
Nyissa meg függvények.php és tegye az aljára a következő kódblokkot - utána elmagyarázom a kódot:
function search_by_tax_filter (& $ query) {if ($ query-> is_search) $ query-> set (’taxonomy’, ’wpsc_product_category’);} // Add hozzá a filteradd_action (’parse_query’, ’search_by_tax_filter’);
Lehet, hogy ez nem tűnik soknak, de valójában nagyon sokat - mint mondják, a jó dolgok kis csomagolásban érkeznek.
Itt azt csináljuk, hogy alulról felfelé dolgozzunk. Szűrőhorgot adunk a WordPress kampós rendszerhez. Ez azt jelenti, hogy gyakorlatilag felvettünk egy hallgatót a rendszerbe, és minden alkalommal hallgatunk, amikor összeállítunk egy lekérdezést (ebben az esetben minden oldal betöltődik).
Most mindig ezt a fajta módszert választom, mivel újat használok WP_Query károsítja az oldal többi kérdését, vagyis mindenféle őrültség fog történni. (Vagyis ha olyan ember vagy, mint én és minden más fejlesztő - és elfelejted hozzáadni a wp_reset_query () hívás a függvény végén egy új létrehozása WP_Query.)
Ez mindenféle szórakozás - de mivel a WordPress funkciót használjuk a WordPress viselkedésének módosítására, elkerüljük, hogy a hátulütő munkák bármelyikét meg kelljen végeznünk. Saját maga után néz.
A fenti függvény, ahová a horgot felvesszük, ellenőrzi, hogy a futtatott lekérdezés keresési lekérdezés (nem általános lekérdezés). Ezután új keresési záradékot adunk az általa épített lekérdezéshez - csak azt szeretnénk, ha a WP e-Commerce termékkategóriája (a keresési kifejezés az űrlapmezőnkből származik) jelenik meg az eredményekben.
Most már működik a keresés, még néhány dolgot meg kell tennünk, hogy valóban hasznos legyen, hiszen ha csak a kategória kitöltésével teszteled, akkor az összes bejegyzésed listáját kapod, termékek nélkül. Ennek az az oka, hogy nem adtunk meg keresési kifejezést - és a WordPress ezt nem tekinti érvényes keresésnek, így az is_search változót hamisra állítja, vagyis lekérdezésünket soha nem módosítják, és az eredmények érvénytelenek.
Ez kevesebb, mint hasznos, ezért meg kell tennünk, hogy a keresésünket át kell irányítanunk a kategóriák oldalára, és felsoroljuk a termékeket, nem pedig a globális WordPress viselkedést. Azért szeretnénk átirányítást, hogy nem akarjuk módosítani a WordPress alapvető viselkedését, mert nem tudunk frissíteni, ezért biztonsági problémákat vethetünk fel (a frissítések hiánya is azt jelenti, hogy a fontos biztonságról lemaradunk) javítások és funkciófrissítések).
Tehát nézzük meg, hogyan lehet a kategóriát az átirányítás végleges módjaként elérni, és hogy ezek a keresések zökkenőmentesen működjenek az összes vásárló számára.
Először tudnunk kell, hogy érvényes keresésünk van-e vagy sem. Ha nincs érvényes kategóriánk, akkor ezt állítsuk be keresési lekérdezésként, és ott végezzünk keresést. Ez alapértelmezés szerint nem eredményez semmit és a formázott "nincs eredmény" oldalt, vagy ha talál valamit, akkor azt megjeleníti: minden gondozott szöget.
Nézzük meg, hogyan fogjuk ellenőrizni a lekérdezési karakterláncot, ismét horgok segítségével. A WordPress tudja, hogyan kell vigyázni a WordPressre, ezért tartsuk meg. Kezdje azzal, hogy megnyit egy függvénytestet függvények.php és hozzáadom ehhez a kódot:
function fix_empty_search ($ query) {globális $ wp_query; if (beszúrás ($ _ GET [’s’]) && üres ($ _ GET [’s’])) {
A fenti kód három dolgot végez: először ellenőrzi, hogy van-e keresési paraméter az URL-ben, majd ellenőrzi, hogy van-e értéke. Ha megfelel az érvényesítési szintnek, akkor van jelöltünk a WP e-kereskedelemben történő ellenőrzésre, hogy érvényes kategóriát-e átirányítani.
Annak ellenőrzéséhez, hogy van-e érvényes kategóriánk, a következő kódblokkot használjuk:
if (get_term_by ('slug', $ wp_query-> query_vars ['term'], 'wpsc_product_category')) wp_redirect ("/? wpsc_product_category = {$ _ GET ['term']}"); else $ query-> set ( 's', $ _GET ['kifejezés']);
Ez a WordPress függvényt használja get_term_by hogy ellenőrizze, hogy létezik-e kategória. Ha mégis, a függvény visszaad egy objektumot, amely tartalmazza a kategória adatait, és ha nem létezik, akkor visszatér hamis, ami tökéletes a mi kis csekkünkhöz. Ha a függvény nem tér vissza hamis ez egy érvényes kategória, és a wp_redirect funkció segítségével átirányíthatja a felhasználót a kategória oldalra - és ha ez nem érvényes kategória, akkor újra végrehajtja a keresést a kategória keresési kifejezésként, abban a reményben, hogy a felhasználó találhat valamit, ami közel áll ahhoz, amit keresett.
Fedezze fel a legjobb ingyenes WordPress témákat a tervezők számára testvéroldalunkon, a Creative Bloq-on.
