{"id":234020,"date":"2023-02-27T15:21:00","date_gmt":"2023-02-27T12:21:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=234020"},"modified":"2022-11-11T13:58:29","modified_gmt":"2022-11-11T10:58:29","slug":"codifica-per-woocommerce-unintroduzione","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/codifica-per-woocommerce-unintroduzione\/","title":{"rendered":"Codifica per WooCommerce: un’introduzione"},"content":{"rendered":"\n

Questa \u00e8 un’introduzione per sviluppatori principianti al plugin WordPress WooCommerce<\/a>. In questo post esamineremo le basi di come funziona WooCommerce e come possiamo personalizzarlo nel nostro tema o plug-in utilizzando hook e modelli.<\/p>\n

Prima di tutto, WooCommerce offre grande flessibilit\u00e0 agli sviluppatori di temi e plugin per regolare la sua funzionalit\u00e0. Per semplici modifiche di solito hai almeno due alternative per farlo. La scelta di come modificare dipende da come preferisci lavorare, da quanto flessibile e leggibile dovrebbe essere il tuo codice e da come preferisci continuare a fare la manutenzione futura del tuo sito quando si tratta di aggiornamenti di plugin (e WordPress).<\/p>\n

Prima di iniziare a esaminare la modifica delle funzionalit\u00e0 di WooCommerce tramite codice, dovresti verificare se ci\u00f2 che desideri ottenere \u00e8 possibile modificando le impostazioni. WooCommerce viene fornito con un’enorme pagina delle impostazioni che ti consente di cambiare un po’. Nelle versioni pi\u00f9 recenti WooCommerce ha anche aggiunto e spostato ulteriori impostazioni su WordPress Customizer. Qui potrai, ad esempio, regolare il numero di colonne e modificare alcuni dei campi di pagamento.<\/p>\n

Modelli WooCommerce<\/h2>\n

WooCommerce offre una vasta gamma di file modello in cui tu come sviluppatore di temi puoi sovrascrivere. Il modo in cui lo fai \u00e8 creare una copia del modello WooCommerce originale nella cartella del tuo tema. E poi apporti le modifiche al file nel tuo tema.<\/p>\n

Vai alla cartella del tuo plugin WooCommerce in \/wp-content\/plugins\/woocommerce\/<\/code>. Qui troverai la sottocartella templates<\/code>. L’intero contenuto dei file (ce n’\u00e8 molto!) \/wp-content\/plugins\/woocommerce\/templates\/<\/code>Includendo le sue sottocartelle sono tutti file modello che puoi sovrascrivere nel tuo tema.<\/p>\n

Affinch\u00e9 WooCommerce possa trovare i modelli modificati, \u00e8 necessaria una sottocartella nella directory principale del tema denominata woocommerce<\/code>. Se lo slug del tuo tema \u00e8 "awhitepixel", la tua cartella dovrebbe trovarsi in \/wp-content\/themes\/awhitepixel\/woocommerce\/<\/code>. All’interno di questa cartella puoi inserire le tue copie modificate dei file modello di WooCommerce. Tieni presente che i file modello che si trovano nelle sottocartelle devono essere inseriti nelle sottocartelle corrispondenti nella tua cartella woocommerce. Per esempio; l’override di WooCommerce \/templates\/single-product\/add-to-cart\/simple.php<\/code>richiede di inserire la tua copia simple.php<\/code>nella \/woocommerce\/single-product\/add-to-cart\/<\/code>cartella nel tuo tema.<\/p>\n

Potresti anche aver notato che ci sono molte azioni e filtri nei modelli. La maggior parte di essi sono pieni di do_action()<\/code>s. Per un uso ottimale di WooCommerce non dovresti rimuovere nessuno degli hook nei modelli. Nella maggior parte dei casi potresti prendere in considerazione la modifica della funzionalit\u00e0 utilizzando azioni e filtri invece di sovrascrivere i modelli. Lascia che ti spieghi perch\u00e9!<\/p>\n

Nota importante sull’override di modelli e aggiornamenti dei plug-in<\/h3>\n

Per un principiante, l’override di un modello potrebbe sembrare la soluzione pi\u00f9 semplice e intuitiva. Perch\u00e9 scherzare con gli hook se puoi cambiare direttamente il modello che restituisce la cosa che vuoi cambiare? Risposta: Perch\u00e9 questa strategia genera pi\u00f9 lavoro per mantenere la manutenzione del tuo negozio online.<\/p>\n

WooCommerce si aggiorna frequentemente e talvolta aggiorna un file modello. Per mantenere aggiornato il tuo negozio online, dovresti aggiornare anche i file modello sovrascritti nel tuo tema. In genere \u00e8 necessario sostituire l’intero file modello con il file aggiornato pi\u00f9 recente, quindi aggiungere nuovamente le modifiche. Questo diventa rapidamente molto pi\u00f9 difficile se non ricordi tutte le modifiche che hai apportato. Prendilo da me che ha anni di esperienza nella correzione dei file modello WooCommerce di altri sviluppatori durante gli aggiornamenti dei plug-in. Credimi, non \u00e8 un lavoro divertente da fare!<\/p>\n

Ora che sappiamo che gli hook sono una strategia migliore, diamo un’occhiata a come procedere.<\/p>\n

Ganci WooCommerce<\/h2>\n

WooCommerce offre un’enorme quantit\u00e0 di hook, sia azioni che filtri. L’uso dei ganci \u00e8 davvero molto semplice!<\/p>\n

Con gli hook puoi anche modificare molto di pi\u00f9 del semplice output dei modelli. Puoi personalizzare i prezzi dei prodotti, i campi di pagamento o fare in modo che il tuo negozio online faccia qualcosa quando un prodotto viene aggiunto al carrello.<\/p>\n

Se stai sviluppando un plugin, anche gli hook sono l’unica strada da percorrere. Puoi sostituire i modelli solo in un tema, non in un plug-in. (Ok, ci sono modi per superare questo, ma \u00e8 molto raro e non raccomandato).<\/p>\n

Se hai cercato in alcuni dei file modello di WooCommerce, dovresti aver visto molti file do_action()<\/code>. Questi sono ganci; checkpoint a cui puoi collegarti e aggiungere il tuo codice o modificare una variabile. Se non sei sicuro di come funzionano gli hook, ho un post che lo spiega<\/a> in modo approfondito.<\/p>\n

Se vuoi produrre qualcosa, ad esempio un testo o qualcosa di simile, cerca azioni (do_action()<\/code>). Ad esempio, eseguendo l’output di qualcosa nel modello del carrello, puoi scegliere di agganciarti a woocommerce_before_cart<\/code>, woocommerce_before_cart_table<\/code>, woocommerce_before_cart_contents<\/code>, woocommerce_cart_contents<\/code>, woocommerce_cart_actions<\/code>, woocommerce_after_cart_contents<\/code>, woocommerce_after_cart_table<\/code>, woocommerce_cart_collaterals<\/code>o woocommerce_after_cart<\/code>. Scegli semplicemente quello che \u00e8 posizionato dove vuoi il tuo output. Questo \u00e8 un esempio di visualizzazione di un testo prima della tabella e del modulo nella pagina del carrello:<\/p>\n

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
I filtri (cerca apply_filters()<\/code>) servono per modificare un output o una variabile. Un uso comune dei filtri in WooCommerce \u00e8 la modifica del testo "Aggiungi al carrello" sui pulsanti di acquisto. WooCommerce offre pi\u00f9 filtri per questo, consentendoti di controllare il testo su pagine diverse. Ad esempio puoi personalizzare il testo nel ciclo del negozio o nella visualizzazione del singolo prodotto. I filtri spesso forniscono pi\u00f9 argomenti per un ulteriore controllo, ad esempio l’oggetto del prodotto. Ecco un semplice esempio su come modificare i testi "Aggiungi al carrello" nella visualizzazione del singolo prodotto:<\/p>\n
add_filter('woocommerce_product_single_add_to_cart_text', function($original_text, $product) {\n    return __('Buy this', 'textdomain');\n}, 10, 2);<\/code><\/pre>\n
Con una certa conoscenza di come funzionano gli hook e semplicemente guardando all’interno dei file modello puoi trovare molte funzionalit\u00e0 facilmente modificabili. Ovviamente WooCommerce offre modifiche molto pi\u00f9 avanzate, variazioni di prezzi, metodi di pagamento, modifiche o importazioni di prodotti, il tutto possibile con l’uso di hook.<\/p>\n
Conclusione<\/h2>\n
Lo scopo di questo post \u00e8 fornire al principiante le basi su come apportare modifiche a WooCommerce e le conseguenze di come si apportano le modifiche. Consiglio sempre di utilizzare gli hook per sovrascrivere i file modello, a meno che non sia assolutamente necessario.<\/p>\n
Il prossimo passo \u00e8 immergersi nelle modifiche avanzate conoscendo gli hook, i processi e gli oggetti in WooCommerce. Poich\u00e9 WooCommerce<\/a> \u00e8 la piattaforma di eCommerce pi\u00f9 popolare che ci sia, ci sono molte risorse ed esempi di codice disponibili sul web. Dai un’occhiata anche alla categoria Woocommerce<\/a> qui su questo sito per saperne di pi\u00f9.<\/p>\n
Fonte di registrazione:  awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Introduzione di uno sviluppatore alle basi di WordPress WooCommerce; come funziona e come puoi personalizzarne la funzionalit\u00e0 nel tuo tema o plugin.<\/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":[896,896,1110,814,814,844,844,855,855,865,865],"tags":[1168],"class_list":["post-234020","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codice","category-n-a","category-plugin-2","category-tutorial","category-woocommerce-6","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/234020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=234020"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/234020\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/239407"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=234020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=234020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=234020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}