Diseño y dimensiones para las nuevas secciones de la herramienta de diseño 🎨📐
En este tutorial te vamos a mostrar las dimensiones recomendadas para cada sección de tu tienda, para que puedas lograr un diseño prolijo, visualmente atractivo y adaptado tanto a desktop como mobile ✨
⚠️ Importante:
Las medidas recomendadas no son obligatorias. El diseñador de Tiendastic adapta automáticamente las imágenes, pero utilizar tamaños sugeridos te va a permitir mantener una mejor calidad visual y evitar recortes o deformaciones.
¡Ahora sí! Vamos sección por sección 🚀
2 Estáticas – Slider – 2 Estáticas
- Banner rosa y celeste: 1800 px ancho x 1400 px alto.
- Banner Make Up y Banner Suplemento: 1800 px ancho x 1050 px alto.
- Slider Beauty Farma: 2700 px ancho x 1750 px alto. Desktop y Mobile igual medida.
1 Estática – Slider – 1 Estática
Desktop y Mobile
- Banner rosa y violeta (vertical) mobile: 2000 px ancho x 2900 px alto.
- Banner rosa y violeta mobile: Formato vertical: 2000 px ancho x 2900 px alto. Formato cuadrado: 2000 px ancho x 2000 px alto.
- Slider “Ofertas Skin Care”: 2700 px ancho x 1750 px alto. Desktop y Mobile igual medida.
Slider – 1 Estática
Desktop y Mobile
- Slider “Ofertas Skin Care”: 2700 px ancho x 1750 px alto. Desktop y Mobile igual medida.
- Banner rosa (vertical): 2000 px ancho x 2900 px alto.
- Banner Rosa versión Mobile: 1500 px ancho x 1100 px alto.
1 Estática – Slider
Desktop y Mobile
- Slider “Fragancia Especial Sale”: 2700 px ancho x 1750 px alto. Desktop y Mobile igual medida.
- Banner Verde versión desktop: 2000 px ancho x 2900 px alto
- Banner Verde versión Mobile: 1500 px ancho x 1100 px alto.
1 Imagen Múltiple #2
Desde “Configuración” – “Distribución de columnas” | 25% – 50% – 25%
- Imagen cuadrada: 2000 px ancho x 2000 px alto
- Banner rectangular: 4000 px ancho x 1900 px alto. Versión Mobile: 2000 px ancho x 2000 px alto.
1 Imagen Múltiple #2
Desde “Configuración” – “Distribución de columnas” | 25% – 25% – 50%
- Imagen cuadrada: 2000 px ancho x 2000 px alto
- Banner rectangular desktop: 4000 px ancho x 1900 px alto. Versión Mobile: 2000 px ancho x 2000 px alto.
Rotador – Destacado #2
Desde “Configuración” | “Distribución” | “Tamaño de panel” | 25% panel – 75% Productos
- Imagen rectangular: 2200 px ancho x 3500 px alto. En Mobile la imagen no se muestra
Rotador – Destacado #2
Desde “Configuración” | “Distribución” | “Tamaño de panel” | 50% panel – 50% Productos
- Imagen cuadrada: 3500 px ancho x 3500 px alto. En Mobile la imagen no se muestra
Rotador – Destacado #3
Desde “Configuración” | “Distribución” | “Tamaño de panel” | 75% panel – 25% Productos
- Imagen rectangular: 5690 px ancho x 3250 px alto. En Mobile la imagen no se muestra