wordpress woocommerce Cómo cambiar el tamaño de las imágenes de los productos de WooCommerce

Anem a veure com modificar la mida de les imatges dels productes de WooCommerce perquè l'aspecte de la nostra botiga online sigui més atractiva.

Ja vam veure en una ocasió com canviar el nombre de productes a mostrar per fila i en fer això pot ser que ens sigui necessari canviar la mida de les imatges perquè s'adapti millor a l'aspecte de la nostra plantilla.

Com podem apreciar en aquesta web, ara mateix té configurada la botiga en línia per mostrar 4 productes per fila. Si volem canviar-lo per exemple a 2 productes per fila haurem de seguir els passos descrits a Com canviar el nombre de productes per fila en WooCommerce.

Un cop realitzat el canvi anterior, haurem esbrinar la mida nou que hauran de tenir les imatges dels productes. Jugant amb Firebug vam descobrir que l'ample reservat per als productes a la zona central (site-main) és de 620px, i que el de cada imatge és 137px més 23px que té de marge dret perquè el producte de la seva dreta no quedi enganxat a ell.

WooCommerce Cambiar Tamano Imagenes Productos 01 1024x723 Cómo cambiar el tamaño de las imágenes de los productos de WooCommerce

Com podem veure en els ajustos de WooCommerce, la mida definit per a les imatges és de 180px. Per mostrar febrer productes per fila necessitarem que sigui d'uns 290px. Així que només n'hi hauria prou amb canviar la mida en els ajustos de WooCommerce perquè els nous productes que creiem tinguin aquesta grandària i els 2 productes per fila ocupin tot l'espai que tenen disponible.

WooCommerce Cambiar Tamano Imagenes Productos 02 Cómo cambiar el tamaño de las imágenes de los productos de WooCommerce

Pot ser que sigui necessari que una vegada que hem modificat la mida en els ajustos, haguem de fer ús del connector Regenérate Thumbails perquè les miniatures dels productes ja creats es tornin a generar amb la mida nou que hem definit.

suport personalitzat

Si necessites ajuda per realitzar el descrit en l'article a la teva web personal escriu-me (Contacte) Explicant-me què necessites i, sense compromís, podré donar-te pressupost personalitzat.

Estaré encantat d'ajudar-te!

Advertisements

Ús de galetes

Aquest lloc web utilitza galetes perquè vostè tingui la millor experiència d'usuari. Si continua navegant està donant el seu consentiment per a l'acceptació de les esmentades cookies i l'acceptació de la nostra política de cookies, Cliqueu l'enllaç per a més informació.

ACCEPTAR
Avís de galetes

Pin It on Pinterest

Share This

Comparteix-ho

Comparteix aquest article amb els teus amics!