Cómo cambiar el tamaño de las imágenes 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.

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.

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.