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

Vamos a ver cómo modificar el tamaño de las imágenes de los productos de WooCommerce para que el aspecto de nuestra tienda online sea más atractiva.

Ya vimos en una ocasión cómo cambiar el número de productos a mostrar por fila y al hacer eso puede que nos sea necesario cambiar el tamaño de las imágenes para que se adapte mejor al aspecto de nuestra plantilla.

Como podemos apreciar en esta web, ahora mismo tiene configurada la tienda online para mostrar 4 productos por fila. Si queremos cambiarlo por ejemplo a 2 productos por fila deberemos seguir los pasos descritos en Cómo cambiar el número de productos por fila en WooCommerce.

Una vez realizado el cambio anterior, deberemos averiguar el tamaño nuevo que deberán tener las imágenes de los productos. Jugando con Firebug descubrimos que el ancho reservado para los productos en la zona central (site-main) es de 620px, y que el de cada imagen es 137px más 23px que tiene de margen derecho para que el producto de su derecha no quede pegado a él.

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

Como podemos ver en los ajustes de WooCommerce, el tamaño definido para las imágenes es de 180px. Para mostrar 2 productos por fila necesitaremos que sea de unos 290px. Así que sólo bastaría con cambiar el tamaño en los ajustes de WooCommerce para que los nuevos productos que creemos tengan ese tamaño y los 2 productos por fila ocupen todo el espacio que tienen disponible.

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

Puede que sea necesario que una vez que hemos modificado el tamaño en los ajustes, tengamos que hacer uso del plugin Regenerate Thumbails para que las miniaturas de los productos ya creados se vuelvan a generar con el tamaño nuevo que hemos definido.

Soporte personalizado

Si necesitas ayuda para realizar lo descrito en el artículo en tu web personal escríbeme (Contactar) explicándome qué necesitas y, sin compromiso, podré darte presupuesto personalizado.

¡Estaré encantado de ayudarte!

Advertisements

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Pin It on Pinterest

Share This

Compártelo

¡Comparte este artículo con tus amigos!