Cambiare l’immagine prodotto provvisoria di WooCommerce

ATTENZIONE: questo articolo è stato scritto oltre un anno fa, ed i contenuti potrebbero non essere più validi o compatibili. Sei pregato di tenerne conto, e se hai informazioni in merito di segnalarmele, grazie.

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

Tags: , , ,

7 Risposte a “Cambiare l’immagine prodotto provvisoria di WooCommerce”

  1. Stefano 9 Gen 2015 at 10:28 #

    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

    • Roberto Rota 9 Gen 2015 at 12:24 #

      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

      • stefano 10 Gen 2015 at 19:26 #

        grazie, molto interessante

  2. Francesco 13 Giu 2017 at 19:10 #

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

  3. Francesco 13 Giu 2017 at 19:14 #

    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?

  4. Francesco 15 Giu 2017 at 13:17 #

    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

Dubbi o suggerimenti? Lascia un commento!

I love Instagram