Cerca
Filtra la ricerca ...
Frase esatta
Filter by Custom Post Type
Categorie
Tags

Puoi disiscriverti da una o tutte le liste in qualunque momento

Come definire le dimensioni delle immagini WooCommerce via PHP

In questo articolo vediamo l’utilzzo di alcuni filtri (hooks) di WooCommerce per definire le dimensioni delle immagini dei prodotti, delle gallery e delle thumbnails.

I motivi per cui agire via PHP invece che dalle impostazioni di WooCommerce o dal nuovo customizer presente da qualche versione, posso essere diversi, per esempio nonostante si impostino dei parametri via back end i risultati non cambiano, questo potrebbe significare che il tema in uso stia facendo un override di WooCommerce o più semplicemente sia necessario rigenerare le thumbnails, infatti va fatto dopo ogni cambio di dimensione immagini, vi consiglio di usare il plugin Regenerate Thumbnails ; oppure ancora volete sviluppare un template WordPress e vi servono questi hooks 🙂

Come forzare le dimensioni delle immagini WooCommerce via PHP

Cominciamo subito dicendo che esistendo 3 tipi di immagini :

  • woocommerce_thumbnail : utilizzate nella vista a griglia nonchè “shop page”
  • woocommerce_single : la foto del singolo prodotto
  • woocommerce_gallery_thumbnail : sono le anteprime della galleria immagini prodotto

Utilizzando questo codice nel template in uso, va come sempre copiato nel file functions.php meglio se in un tema child foreremo le dimensioni delle immagini, ma non daremo più la possibilità all’utente di controllarne le dimensioni da Aspetto\Personalizza

Come personalizzare le dimensioni delle immagini WooCommerce via PHP con hooks e filter

Nella tabella sottostante riporto i filtri (filter o hook) di WooCommerce che normalmente vengono utilizzati dagli sviluppatori durante lo sviluppo di plugins o temi per WooCommerce.

Filtro Descrizione Default Dimensioni predefinite
single_product_archive_thumbnail_size Immagini catalogo prodotti / vista griglia prodotti woocommerce_thumbnail 600px di larghezza non ridimensionata (uncropped)
subcategory_archive_thumbnail_size Immagini catalogo categorie / vista griglia categorie woocommerce_thumbnail 600px di larghezza ridimensionata (cropped)
woocommerce_gallery_thumbnail_size Thumbnail nella galleria prodotto singolo woocommerce_gallery_thumbnail 10×100 ridimensionata (cropped)
woocommerce_gallery_image_size Immagine singola nella galleria prodotto woocommerce_single
woocommerce_gallery_full_size Immagine full o in effetto zoom full

WooCommerce utilizza la funzione wc_get_image_size per fare un’interrogazione e ricevere le dimensioni delle immagini impostate dal pannello di controllo di WooCommerce; se volessivo ridimensionare le immagini thumbnail della galleria prodotti, utilizzeremo questo hook / filtro :

woocommerce_get_image_size_{NOME_DEL_FILTRO(VEDI TABELLA)_SENZA_PREFISSO_WOOCOMMERCE}

Ora poniamo di voler impostare le thumbnail ad una dimensione di 250×250, scriveremo quindi :

Una volta apportate le modifiche alle immagini è necessario rigenerare le thumbnail con il plugin  Regenerate Thumbnails

Commenta l'articolo

Bisogno di postare codice ? Usa un servizio gratuito come Codeshare altrimenti WordPress formatta male il codice ed io non posso aiutarti!
Se necessiti delle modifiche al codice che ho scritto puoi chiedermi una consulenza, non ti risponderò nei commenti. Ti ringrazio per la collaborazione, sono certo che tu capisca.

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