Cerca
Generic filters
Frase esatta
Cerca nel titolo
Cerca nel contenuto
Filter by Custom Post Type
Filter by Categorie
Quick Snippets
Guide e Tutorial Joomla
Guide e Tutorial Wordpress
Notizie
Programmazione Web
Trucchi e Guide Apple Mac OS
Filtra per Tags
Seleziona / Seleziona tutti
acf
action
aggiornamento joomla
aggiornamento virtuemart
aggiungere campi
akeeba
amazon s3
amazon web services
angularjs
apache
aruba
autopost
aws
backup
backup buddy
blocksit.js
bootstrap
bordi arrotondati
cache
caching
campi personalizzati
captcha recaptcha
cf7
chronoforms
cloud
compressione file
compressione immagini
conditional fields
contact form 7
countdown
cpt
css
css framework
css3
custom post type
custom registration
data di nascita
debug
disegni
downgrade
draw
ec2
endpoints
ergonet
font awesome
font custom
fontweb
form
front end
ftp
functions.php
funzioni
glyphicons
google
hook
hosting
hosts
html
html5
image optim
immagini
javascript
joomla
joomla api
joomla development
joomla festival
joomla lombardia
joomla update
jquery
k2
lightbox
login
mac
mac os
mamp
metabox
mobile friendly
multilingua
mysql
news
ottimizzazione
ottimizzazione immagini
override
password
pdf
php
plugin
qtranslate
redis
registrazione
registrazione utente
responsive
restore
ripristino
roolback
rounded tables
select
seo
server php locale
shortcode
shortpixel
sicurezza
smau
social
spotlight
SSL
system cache
table
template
tooltips
trasferimento sito
trucchi
twitter
ubuntu
uikit
user meta
visio alternative
web advisor
widget
widgetkit
windows
woocommerce
wordpress
wordpress api
wp capability
wp user
wp-config.php
wp_query
wug
xampp
yootheme

Come definire le dimensioni delle immagini WooCommerce via PHP

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

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

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

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!

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

Pin It on Pinterest

Condividi l'articolo. Grazie.

Vuoi essere aggiornato ?