Come modificare la larghezza delle immagini dei prodotti correlati di woocommerce

La grandezza dei prodotti correlati ad un prodotto può essere troppo grande in alcuni stili.

Per modificarla ecco la soluzione.

Utilizzate un plug tipo Add custom CSS che permette di aggiungere codice senza dover intervenire nei file principali del tema.

Aggiungete questo codice:

.woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product {
width: 200px;
}

La grandezza della foto è nell’ultima foto.

Se dovete aumentare anche il numero dei correlati e la disposizione in righe/colonne allora leggete qui.

 

Comments

comments