WooCommerce viene fornito in bundle con pagine di archivio e loop che fanno un ottimo lavoro, ma a volte potrebbe essere necessario visualizzare un po 'più di informazioni sul tuo negozio principale e su altre pagine di archivio.
In questo tutorial, ti mostrerò come aggiungere la breve descrizione del prodotto alle tue pagine di archivio e visualizzarla sotto il titolo del prodotto.
Per seguire, avrai bisogno di:
Prima di iniziare, assicurati di aver impostato WooCommerce. Per aggiungere le brevi descrizioni del prodotto, segui tre passaggi:
Quindi iniziamo!
Nel tuo wp-content / plugins
directory, crea un nuovo file PHP. Sto chiamando il mio tutsplus-prodotto-archivio-short-descriptions.php
.
Apri il file nel tuo editor di codice. Nella parte superiore del file, aggiungi questo:
Questo imposta il plugin e dà a WordPress tutto il necessario per attivarlo.
Ora vai al plugin schermo nel tuo admin di WordPress e trova il plugin:
Ora attivalo.
All'inizio non farà alcuna differenza visto che non l'hai popolato. Ecco come appare la pagina principale del negozio in questo momento:
Scrivere una funzione per produrre la descrizione breve
La breve descrizione dei prodotti in WooCommerce utilizza l'estratto che troveresti nei post normali, quindi per visualizzarlo tutto ciò che devi fare è visualizzare l'estratto del post.
Nel tuo file plugin, aggiungi il codice qui sotto:
function tutsplus_excerpt_in_product_archives () the_excerpt ();E 'così semplice! Ma ora devi agganciare la tua funzione all'azione giusta, in modo che venga emessa nella posizione corretta nelle pagine di archivio.
Agganciare la funzione all'azione corretta
Diamo un'occhiata al file in WooCommerce che emette il contenuto del loop nelle pagine di archivio. Questo file è
content-Product.php
, e lo troverai nelmodelli
cartella nel plugin WooCommerce.Il file include un numero di hook di azione, che vengono utilizzati da WooCommerce per generare contenuti diversi.
Poiché vogliamo mostrare il nostro estratto sotto il titolo del prodotto, il gancio che dobbiamo usare è
woocommerce_after_shop_loop_item_title
. Come puoi vedere dalcontent-Product.php
file, ha già due funzioni ad esso collegate,woocommerce_template_loop_rating ()
ewoocommerce_template_loop_price ()
, che hanno priorità di5
e10
rispettivamente. Quindi abbiamo bisogno di agganciare la nostra funzione con un numero di priorità più elevato, per assicurarci che spari dopo quelli. Lascerò un po 'di margine e uso40
come priorità.Sotto la tua funzione, aggiungi questo:
add_action ('woocommerce_after_shop_loop_item_title', 'tutsplus_excerpt_in_product_archives', 40);Ora salva il tuo file plugin e aggiorna la pagina del negozio nel tuo browser. Ora vedrai le brevi descrizioni del prodotto sotto i nomi dei prodotti:
Queste descrizioni (fornite dai dati fittizi) sono un po 'lunghe: personalmente userò descrizioni più brevi su un sito live. Ma puoi vedere chiaramente le descrizioni visualizzate nelle pagine di archivio.
Sommario
Poiché WooCommerce genera quasi tutto il suo contenuto utilizzando i ganci di azione, è semplice aggiungere più contenuti scrivendo funzioni e collegandole a tali hook. In questo tutorial hai imparato come aggiungere brevi descrizioni dei prodotti agli archivi dei tuoi prodotti. Se si desidera eseguire questa operazione, è possibile includere uno o più tag condizionali nella propria funzione per eseguire questa operazione su pagine di archivio specifiche.