✅ WEB ja WordPressi uudised, teemad, pistikprogrammid. Siin jagame näpunäiteid ja parimaid veebisaidi lahendusi.

WooCommerce’i kodeerimine: sissejuhatus

11

See on algaja arendaja sissejuhatus pistikprogrammi WordPress WooCommerce kohta. Selles postituses vaatleme põhitõdesid, kuidas WooCommerce töötab ja kuidas saame seda oma teemas või pistikprogrammis konksude ja mallide abil kohandada.

Esiteks pakub WooCommerce teemade ja pistikprogrammide arendajatele oma funktsioonide kohandamiseks suurt paindlikkust. Lihtsate muudatuste jaoks on teil tavaliselt vähemalt kaks alternatiivi. Muutmisviisi valik sõltub sellest, kuidas eelistate töötada, kui paindlik ja loetav kood peaks olema ning kuidas eelistate oma saidi edaspidi hooldada, kui tegemist on pistikprogrammide (ja WordPressi) värskendustega.

Enne kui hakkate uurima WooCommerce’i funktsioonide muutmist koodi kaudu, peaksite kontrollima, kas seadete muutmisega on see, mida soovite saavutada. WooCommerce’il on tohutu seadete leht, mis võimaldab teil üsna palju muuta. Uuemates versioonides on WooCommerce lisanud ja teisaldanud ka WordPressi kohandajasse lisaseadeid. Siin saate näiteks kohandada veergude arvu ja mõnda kassavälja.

WooCommerce’i mallid

WooCommerce pakub suurt hulka mallifaile, mida saate teemaarendajana tühistada. Selleks tehke algsest WooCommerce’i mallist koopia oma teemakausta. Seejärel teete oma teema failis muudatused.

Navigeerige oma WooCommerce’i pistikprogrammide kausta /wp-content/plugins/woocommerce/. Siit leiate alamkausta templates. Failide kogu sisu (seda on palju!), /wp-content/plugins/woocommerce/templates/sealhulgas selle alamkaustad, on kõik mallifailid, mida saate oma teemas alistada.

Selleks, et WooCommerce leiaks teie muudetud mallid, vajate oma teema juurkataloogis alamkausta nimega woocommerce. Kui teie teema tähis on "awhitepixel", peaks teie kaust asuma aadressil /wp-content/themes/awhitepixel/woocommerce/. Sellesse kausta saate paigutada WooCommerce’i mallifailide muudetud koopiad. Pidage meeles, et alamkaustades asuvad mallifailid tuleb paigutada teie woocommerce’i kausta vastavatesse alamkaustadesse. Näiteks; WooCommerce’i alistamiseks peate paigutama /templates/single-product/add-to-cart/simple.phpoma koopia teema kausta.simple.php``/woocommerce/single-product/add-to-cart/

Võib-olla olete märganud, et mallides on palju toiminguid ja filtreid. Enamik neist on täidetud do_action()s. WooCommerce’i optimaalseks kasutamiseks ei tohiks te mallide konkse eemaldada. Enamikul juhtudel võite kaaluda funktsioonide muutmist, kasutades mallide alistamise asemel toiminguid ja filtreid. Las ma selgitan, miks!

Oluline märkus mallide ja pistikprogrammide värskenduste tühistamise kohta

Algaja jaoks võib malli alistamine tunduda kõige lihtsam ja intuitiivsem lahendus. Miks konksudega jamada, kui saate otse muuta malli, mis väljastab asja, mida soovite muuta? Vastus: Kuna see strateegia tekitab teie veebipoe hooldamisel rohkem tööd.

WooCommerce värskendab sageli ja mõnikord värskendavad nad mallifaili. Veebipoe ajakohasena hoidmiseks peate värskendama ka oma teema alistamismallifaile. Tavaliselt peate kogu mallifaili asendama uusima värskendatud failiga ja seejärel muudatused uuesti lisama. See muutub kiiresti palju keerulisemaks, kui te ei mäleta kõiki tehtud muudatusi. Võtke see minult, kellel on aastatepikkune kogemus teiste arendajate WooCommerce’i mallifailide parandamisel pistikprogrammide värskendamise ajal. Usu mind, see pole lõbus töö!

Nüüd, kui me teame, et konksud on parem strateegia, vaatame, kuidas seda teha.

WooCommerce konksud

WooCommerce pakub tohutul hulgal konkse, nii toiminguid kui ka filtreid. Konksude kasutamine on tegelikult väga lihtne!

Konksude abil saate muuta ka palju enamat kui lihtsalt mallide väljundit. Saate kohandada toodete hindu, kassavälju või panna oma veebipoodi midagi tegema, kui toode lisatakse ostukorvi.

Kui arendate pistikprogrammi, on konksud ka ainus viis. Saate alistada ainult teema malle, mitte pistikprogrammi. (Olgu, selle ületamiseks on viise, kuid see on väga haruldane ja pole soovitatav).

Kui olete mõnda WooCommerce’i mallifaili vaadanud, oleksite pidanud nägema palju do_action(). Need on konksud; kontrollpunktid, kuhu saate haakida ja lisada oma koodi või muuta muutujat. Kui te pole kindel, kuidas konksud töötavad, on mul postitus, mis selgitab seda põhjalikult.

Kui soovite midagi väljastada, näiteks teksti või midagi sarnast, otsige toiminguid (do_action()). Näiteks kui sisestate midagi ostukorvi mallis, saate valida, kas siduda woocommerce_before_cart, woocommerce_before_cart_table, woocommerce_before_cart_contents, woocommerce_cart_contents, woocommerce_cart_actions, woocommerce_after_cart_contents, woocommerce_after_cart_table, woocommerce_cart_collateralsvõi woocommerce_after_cart. Valige lihtsalt see, mis on paigutatud sinna, kus soovite oma väljundit. See on näide teksti kuvamisest enne tabelit ja vormi ostukorvilehel:

add_action('woocommerce_before_cart', function() { _e('Here are the products you have added in the cart so far', 'textdomain'); });

Filtrid (otsige apply_filters()) on väljundi või muutuja muutmiseks. Levinud filtrite kasutamine WooCommerce’is on ostunuppudel oleva teksti "Lisa ostukorvi" muutmine. WooCommerce pakub selleks mitmeid filtreid, mis võimaldavad teil juhtida erinevate lehtede teksti. Näiteks saate kohandada teksti poesilmuses või ühe toote vaates. Filtrid pakuvad sageli edasiseks juhtimiseks mitut argumenti, näiteks toote objekti. Siin on lihtne näide, kuidas muuta ühe toote vaates tekste „Lisa ostukorvi".

add_filter('woocommerce_product_single_add_to_cart_text', function($original_text, $product) { return __('Buy this', 'textdomain'); }, 10, 2);

Teades konksude toimimist ja lihtsalt mallifailide sisse vaadates, leiate üsna palju hõlpsasti muudetavaid funktsioone. Ilmselgelt pakub WooCommerce palju täpsemaid muudatusi, muutvaid hindu, makseviise, toodete modifikatsioone või importi, mis kõik on võimalik konksude abil.

Järeldus

Selle postituse eesmärk on anda algajale WooCommerce’i muudatuste tegemise põhitõed ja muudatuste tegemise tagajärjed. Soovitan alati mallifailide ülekirjutamiseks kasutada konkse, kui see pole tingimata vajalik.

Järgmine samm on sukeldumine täiustatud muudatustesse, tutvudes WooCommerce’i konksude, protsesside ja objektidega. Kuna WooCommerce on kõige populaarsem e-kaubanduse platvorm, on veebis saadaval palju ressursse ja koodinäiteid. Lisateabe saamiseks vaadake sellel saidil ka kategooriat Woocommerce .

See veebisait kasutab teie kasutuskogemuse parandamiseks küpsiseid. Eeldame, et olete sellega rahul, kuid saate soovi korral loobuda. Nõustu Loe rohkem