Muchas chicas que han comprado alguna de mis plantillas WordPress  WordPress themes me preguntan Cómo cambiar las imágenes borrosas en WooCommerce así que he decidido hacer un turorial rápido sobre este tema.

Si tiene problemas con las imágenes de los productos de WooCommerce porque se ven demasiado pequeñas, borrosas o demasiado grandes, esto puede deberse a que la imagen que has subido no coincide con la configuración de la imagen del producto de WooCommerce.

 

Cómo ajustar el tamaño de las imágenes:

  1. Lo primero de todo será ir al panel de administración y navegar hasta WooCommerce > Ajustes.
  2. Bajo la pestaña Productos verás la opción Mostrar, la cual define el tamaño de las imágenes de producto en Anchura x Altura medidos en pixels. [list style=”style5″]
    [li]Imágnes de catálgo: Serán las imágenes que aparecen en los listado de productos, es decir en la tienda en los widgets de la Home.[/li]
    [li]Imagen del producto: Es la imagen mostrada en la página individual del producto.[/li]
    [li]Miniatura de producto: Son las imágenes pequeñas que aparecen en la página de producto.[/li]
    [/list]

[info_box type=”note_box”]Las fotos que subas en los productos cambiarán de tamaño para que coincidan con los valores que has especificado aquí.

Por ejemplo, si has elegido un tamaño de imagen de 100 x 100 pixels y cargas una con un tamaño inicioal de 300 x 600 px, la imágen se escalará y se mostrará como 100 x 200 pixels. También tienes la opción de recortar imágenes, lo que forzará a tener el tamaño especificado en la configuración, independiente de la imagen que cargues.

Si su configuración es de 100 × 100 y cargas una imagen de 300 × 600, se cambiará el tamaño a 100 × 200.

También puede optar por recortar sus imágenes, lo que las forzará a tener el tamaño especificado en estas configuración recortando la imagen.[/info_box]

4. Por ejemplo, el ancho del contenedor de contenido de una plantilla suelen ser 1200px. Dado que la imagen de producto ocupa el 50% del espacio, la imagen mínima recomendada será de 600 px. y de la página que contenga un listado de productos en 3 columnas, será de 400 px.

Si no quieres que tu imagen no salga recortada, deja en blanco la casilla “¿Recortar imagen?”.

5. Una vez aplicados las dimensiones, guarda los cambios.

6. Tienes que tener en cuenta que si cambias las dimensiones después de haber subido las imágenes del producto, necesitarás descargar y ejecutar el plugin Regenerar miniaturas – Regenerate Thumbnails para garantizar que todas las imágenes afectadas coincidan con las nuevas dimensiones.

Y así concluye este mini tutorial! Espero haberte ayudado. Si tienes alguna duda, puedes dejarme tu comentario.

 

Pin It on Pinterest

Shares
Share This