{"id":233991,"date":"2023-02-27T15:41:00","date_gmt":"2023-02-27T12:41:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233991"},"modified":"2022-11-11T13:38:36","modified_gmt":"2022-11-11T10:38:36","slug":"woocommercei-kodeerimine-sissejuhatus","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/woocommercei-kodeerimine-sissejuhatus\/","title":{"rendered":"WooCommerce&#8217;i kodeerimine: sissejuhatus"},"content":{"rendered":"\n<p>See on algaja arendaja sissejuhatus pistikprogrammi WordPress <a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WooCommerce<\/a> kohta. Selles postituses vaatleme p\u00f5hit\u00f5desid, kuidas WooCommerce t\u00f6\u00f6tab ja kuidas saame seda oma teemas v\u00f5i pistikprogrammis konksude ja mallide abil kohandada.<\/p>\n<p>Esiteks pakub WooCommerce teemade ja pistikprogrammide arendajatele oma funktsioonide kohandamiseks suurt paindlikkust. Lihtsate muudatuste jaoks on teil tavaliselt v\u00e4hemalt kaks alternatiivi. Muutmisviisi valik s\u00f5ltub sellest, kuidas eelistate t\u00f6\u00f6tada, kui paindlik ja loetav kood peaks olema ning kuidas eelistate oma saidi edaspidi hooldada, kui tegemist on pistikprogrammide (ja WordPressi) v\u00e4rskendustega.<\/p>\n<p>Enne kui hakkate uurima WooCommerce&#8217;i funktsioonide muutmist koodi kaudu, peaksite kontrollima, kas seadete muutmisega on see, mida soovite saavutada. WooCommerce&#8217;il on tohutu seadete leht, mis v\u00f5imaldab teil \u00fcsna palju muuta. Uuemates versioonides on WooCommerce lisanud ja teisaldanud ka WordPressi kohandajasse lisaseadeid. Siin saate n\u00e4iteks kohandada veergude arvu ja m\u00f5nda kassav\u00e4lja.<\/p>\n<h2>WooCommerce&#8217;i mallid<\/h2>\n<p>WooCommerce pakub suurt hulka mallifaile, mida saate teemaarendajana t\u00fchistada. Selleks tehke algsest WooCommerce&#8217;i mallist koopia oma teemakausta. Seej\u00e4rel teete oma teema failis muudatused.<\/p>\n<p>Navigeerige oma WooCommerce&#8217;i pistikprogrammide kausta <code>\/wp-content\/plugins\/woocommerce\/<\/code>. Siit leiate alamkausta <code>templates<\/code>. Failide kogu sisu (seda on palju!), <code>\/wp-content\/plugins\/woocommerce\/templates\/<\/code>sealhulgas selle alamkaustad, on k\u00f5ik mallifailid, mida saate oma teemas alistada.<\/p>\n<p>Selleks, et WooCommerce leiaks teie muudetud mallid, vajate oma teema juurkataloogis alamkausta nimega <code>woocommerce<\/code>. Kui teie teema t\u00e4his on &quot;awhitepixel&quot;, peaks teie kaust asuma aadressil <code>\/wp-content\/themes\/awhitepixel\/woocommerce\/<\/code>. Sellesse kausta saate paigutada WooCommerce&#8217;i mallifailide muudetud koopiad. Pidage meeles, et alamkaustades asuvad mallifailid tuleb paigutada teie woocommerce&#8217;i kausta vastavatesse alamkaustadesse. N\u00e4iteks; WooCommerce&#8217;i alistamiseks peate paigutama <code>\/templates\/single-product\/add-to-cart\/simple.php<\/code>oma koopia teema kausta.<code>simple.php``\/woocommerce\/single-product\/add-to-cart\/<\/code><\/p>\n<p>V\u00f5ib-olla olete m\u00e4rganud, et mallides on palju toiminguid ja filtreid. Enamik neist on t\u00e4idetud <code>do_action()<\/code>s. WooCommerce&#8217;i optimaalseks kasutamiseks ei tohiks te mallide konkse eemaldada. Enamikul juhtudel v\u00f5ite kaaluda funktsioonide muutmist, kasutades mallide alistamise asemel toiminguid ja filtreid. Las ma selgitan, miks!<\/p>\n<h3>Oluline m\u00e4rkus mallide ja pistikprogrammide v\u00e4rskenduste t\u00fchistamise kohta<\/h3>\n<p>Algaja jaoks v\u00f5ib malli alistamine tunduda k\u00f5ige lihtsam ja intuitiivsem lahendus. Miks konksudega jamada, kui saate otse muuta malli, mis v\u00e4ljastab asja, mida soovite muuta? Vastus: Kuna see strateegia tekitab teie veebipoe hooldamisel rohkem t\u00f6\u00f6d.<\/p>\n<p>WooCommerce v\u00e4rskendab sageli ja m\u00f5nikord v\u00e4rskendavad nad mallifaili. Veebipoe ajakohasena hoidmiseks peate v\u00e4rskendama ka oma teema alistamismallifaile. Tavaliselt peate kogu mallifaili asendama uusima v\u00e4rskendatud failiga ja seej\u00e4rel muudatused uuesti lisama. See muutub kiiresti palju keerulisemaks, kui te ei m\u00e4leta k\u00f5iki tehtud muudatusi. V\u00f5tke see minult, kellel on aastatepikkune kogemus teiste arendajate WooCommerce&#8217;i mallifailide parandamisel pistikprogrammide v\u00e4rskendamise ajal. Usu mind, see pole l\u00f5bus t\u00f6\u00f6!<\/p>\n<p>N\u00fc\u00fcd, kui me teame, et konksud on parem strateegia, vaatame, kuidas seda teha.<\/p>\n<h2>WooCommerce konksud<\/h2>\n<p>WooCommerce pakub tohutul hulgal konkse, nii toiminguid kui ka filtreid. Konksude kasutamine on tegelikult v\u00e4ga lihtne!<\/p>\n<p>Konksude abil saate muuta ka palju enamat kui lihtsalt mallide v\u00e4ljundit. Saate kohandada toodete hindu, kassav\u00e4lju v\u00f5i panna oma veebipoodi midagi tegema, kui toode lisatakse ostukorvi.<\/p>\n<p>Kui arendate pistikprogrammi, on konksud ka ainus viis. Saate alistada ainult teema malle, mitte pistikprogrammi. (Olgu, selle \u00fcletamiseks on viise, kuid see on v\u00e4ga haruldane ja pole soovitatav).<\/p>\n<p>Kui olete m\u00f5nda WooCommerce&#8217;i mallifaili vaadanud, oleksite pidanud n\u00e4gema palju <code>do_action()<\/code>. Need on konksud; kontrollpunktid, kuhu saate haakida ja lisada oma koodi v\u00f5i muuta muutujat. Kui te pole kindel, kuidas konksud t\u00f6\u00f6tavad, on mul <a href=\"http:\/\/awhitepixel.com\/blog\/all-about-hooks-in-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">postitus, mis selgitab<\/a> seda p\u00f5hjalikult.<\/p>\n<p>Kui soovite midagi v\u00e4ljastada, n\u00e4iteks teksti v\u00f5i midagi sarnast, otsige toiminguid (<code>do_action()<\/code>). N\u00e4iteks kui sisestate midagi ostukorvi mallis, saate valida, kas siduda <code>woocommerce_before_cart<\/code>, <code>woocommerce_before_cart_table<\/code>, <code>woocommerce_before_cart_contents<\/code>, <code>woocommerce_cart_contents<\/code>, <code>woocommerce_cart_actions<\/code>, <code>woocommerce_after_cart_contents<\/code>, <code>woocommerce_after_cart_table<\/code>, <code>woocommerce_cart_collaterals<\/code>v\u00f5i <code>woocommerce_after_cart<\/code>. Valige lihtsalt see, mis on paigutatud sinna, kus soovite oma v\u00e4ljundit. See on n\u00e4ide teksti kuvamisest enne tabelit ja vormi ostukorvilehel:<\/p>\n<pre><code>add_action('woocommerce_before_cart', function() {\n    _e('Here are the products you have added in the cart so far', 'textdomain');\n});<\/code><\/pre>\n<p>Filtrid (otsige <code>apply_filters()<\/code>) on v\u00e4ljundi v\u00f5i muutuja muutmiseks. Levinud filtrite kasutamine WooCommerce&#8217;is on ostunuppudel oleva teksti &quot;Lisa ostukorvi&quot; muutmine. WooCommerce pakub selleks mitmeid filtreid, mis v\u00f5imaldavad teil juhtida erinevate lehtede teksti. N\u00e4iteks saate kohandada teksti poesilmuses v\u00f5i \u00fche toote vaates. Filtrid pakuvad sageli edasiseks juhtimiseks mitut argumenti, n\u00e4iteks toote objekti. Siin on lihtne n\u00e4ide, kuidas muuta \u00fche toote vaates tekste \u201eLisa ostukorvi&quot;.<\/p>\n<pre><code>add_filter('woocommerce_product_single_add_to_cart_text', function($original_text, $product) {\n    return __('Buy this', 'textdomain');\n}, 10, 2);<\/code><\/pre>\n<p>Teades konksude toimimist ja lihtsalt mallifailide sisse vaadates, leiate \u00fcsna palju h\u00f5lpsasti muudetavaid funktsioone. Ilmselgelt pakub WooCommerce palju t\u00e4psemaid muudatusi, muutvaid hindu, makseviise, toodete modifikatsioone v\u00f5i importi, mis k\u00f5ik on v\u00f5imalik konksude abil.<\/p>\n<h2>J\u00e4reldus<\/h2>\n<p>Selle postituse eesm\u00e4rk on anda algajale WooCommerce&#8217;i muudatuste tegemise p\u00f5hit\u00f5ed ja muudatuste tegemise tagaj\u00e4rjed. Soovitan alati mallifailide \u00fclekirjutamiseks kasutada konkse, kui see pole tingimata vajalik.<\/p>\n<p>J\u00e4rgmine samm on sukeldumine t\u00e4iustatud muudatustesse, tutvudes WooCommerce&#8217;i konksude, protsesside ja objektidega. Kuna <a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WooCommerce<\/a> on k\u00f5ige populaarsem e-kaubanduse platvorm, on veebis saadaval palju ressursse ja koodin\u00e4iteid. Lisateabe saamiseks vaadake sellel saidil ka <a href=\"https:\/\/awhitepixel.com\/blog\/category\/woocommerce\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kategooriat Woocommerce .<\/a><\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Arendaja sissejuhatus WordPressi WooCommerce&#8217;i p\u00f5hit\u00f5dedesse; kuidas see t\u00f6\u00f6tab ja kuidas saate selle funktsioone oma teemas v\u00f5i pistikprogrammis kohandada.<\/p>\n","protected":false},"author":1,"featured_media":239407,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[894,894,1110,842,812,812,842,853,853,863,863],"tags":[1165],"class_list":["post-233991","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kood","category-n-a","category-opetused","category-pistikprogrammid","category-woocommerce-4","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=233991"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233991\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/239407"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=233991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=233991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=233991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}