Cambiare l’immagine prodotto provvisoria di WooCommerce

ATTENZIONE: questo articolo è più vecchio di un anno, e potrebbe non essere più attuale, sei pregato di tenerne conto.

Immagine provvisoria WooCommerce

Quando si crea un prodotto senza immagini, WooCommerce inserisce un placeholder, un’immagine provvisoria.

Per funzioni estetiche, sicuramente, ma anche per evitare eventuali brutti errori 404 con quelle ancor più brutte icone di immagini spezzate, evidenziare le immagini mancanti.

Il placeholder che WooCommerce utilizza di default può non piacere, e magari si vorrebbe qualcosa di personalizzato.

È possibile sostituire l’immagine provvisoria con uno snippet, molto semplice da realizzare.

Per prima cosa, bisogna creare un’immagine più adatta alle nostre esigenze.

Poi si apre il file delle funzioni del tema, il solito functions.php, possibilmente con un tema child, e si inserisce questo codice:

add_action( 'init', 'custom_fix_thumbnail' );
 
function custom_fix_thumbnail() {
  add_filter('woocommerce_placeholder_img_src', 'custom_woocommerce_placeholder_img_src');
   
	function custom_woocommerce_placeholder_img_src( $src ) {
	$upload_dir = wp_upload_dir();
	$uploads = untrailingslashit( $upload_dir['baseurl'] );
	$src = $uploads . '/2014/01/placeholder.jpg';
	 
	return $src;
	}
}

L’unica accortezza, bisogna sostituire alla riga 9 il path dell’immagine, quel “/2014/01/placeholder.jpg” che ho usato come esempio, con il path corretto dell’immagine che nel frattempo abbiamo aggiunto ai media di WordPress.

Va presa solo la parte finale del percorso completo dell’immagine, quella che viene dopo “uploads”. Quella marcata in rosso, per capirci meglio, nell’esempio che segue:

http://www.dominio.dom/wp-content/uploads/2014/01/placeholder.jpg

Il nuovo placeholder, a questo punto, viene utilizzato sia nelle pagine del prodotto singolo, sia negli archivi di categoria e nello shop.

La fonte dello snippet è la documentazione di WooCommerce, ed è stato testato con WooCommerce 2.1.10 e WordPress 4.1

Che ne pensi?
Domande? Suggerimenti?
Lascia un commento…

Condividi se ti è piaciuto!

Condividi su facebook
Condividi su twitter
Condividi su linkedin
Condividi su whatsapp

Maggori informazioni:

Roberto Rota

Roberto Rota

Libero professionista, un "artigiano del web", lavoro nella comunicazione in rete da quando esiste Internet. Mi occupo principalmente di assistenza su WordPress e assistenza e consulenza WooCommerce, seguo la realizzazione di progetti web, in particolare siti di e-commerce, visibilità e comunicazione in rete. Il mio curriculum è su Linkedin, e mi puoi trovare anche su Instagram, FaceBook e Twitter.

CONTRIBUISCI A QUESTO SITO
Se il mio lavoro ti è stato di aiuto,
e vuoi che io continui a publbicare,
contribuisci allo sviluppo di questo sito
con una donazione su PayPal.

7 commenti su “Cambiare l’immagine prodotto provvisoria di WooCommerce”

  1. Ciao Roberto, grazie intanto per la risposta..
    Si a questo punto credo sia un problema del tema.
    nel caso ti contatto in privato, magari riesci a darci un’occhiata e ad aggiustare facilmente il problema.
    Francesco

  2. ciao, c’è anche un modo per disabilitare l’immagine di default delle categorie?
    Per esempio nella pagina che racchiude tutte le categorie è brutto vedere l’immagine di default per ogni sotto categoria. Si può disabilitare?
    In alternativa sarebbe carino che l’immagine della categoria sia “pescata” random da quelle dei prodotti in essa contenuta.
    Che ne pensi? come si potrebbe fare?

  3. ciao, credo non funzioni piu’ con 4.7.5 e woocommerce 3.0, c’è per caso un upgrade?
    grazie infinite!

  4. Ciao Roberto, volevo chiederti ma se molto più semplicemente andassi ad uplodare una mua immagine al posto di quella di default e la nominassi allo stesso modo non avrei lo stesso risultato? In caso di aggiornamenti sarei al punto di partenza immagino …però .ciao e buona giornata

    1. Ciao Stefano, certo sostituire l’imagine direttamente nei file di WooCommerce sarebbe la soluzione più semplice, ma come hai detto tu al primo aggiornamento ti ritroveresti con l’immagine di default.

      Ma oltre a questo, c’è da aggiungere il fatto che un’immagine personalizzata tramite snippet la puoi filtrare con un po’ di php condizionale, come ho appena fatto io per un cliente, creando dele immagini diverse per ogni categoria di prodotto, ad esempio.

      rob

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Cerca nel sito:

Assistenza specializzata WordPress e WooCommerce

Altri articoli

Mandami un messaggio

Ciao, come posso aiutarti?