Con este vídeo de la Zona Código aprenderás a igualar las proporciones de las imágenes de WooCommerce, tanto en la tienda como en los bloques y shortcodes.
DeEste ajuste es clave para conseguir un diseño limpio y ordenado, especialmente cuando tus productos tienen imágenes con tamaños o orientaciones diferentes.
Con unas pocas líneas de CSS conseguirás que todas las miniaturas mantengan la misma proporción, sin distorsiones ni saltos en el layout.
El snippet:
- Aplica la misma proporción a todas las imágenes de productos.
- Funciona en la tienda, shortcodes, bloques y widgets.
- Mantiene el encuadre sin deformar la imagen.
- Puedes ajustar fácilmente la proporción o el tipo de ajuste.
Una forma sencilla, moderna y efectiva de mantener tu tienda WooCommerce visualmente consistente y profesional.
Vídeo: imágenes de producto iguales en WooCommerce
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.