Ir al contenido principal

Diseños de la página de producto en la Tienda Online

Aprende a elegir entre los 4 diseños disponibles para la página de producto de tu Tienda Online y a previsualizarlos antes de activarlos

Escrito por Dani Gavaldà

La Tienda Online de Lueira ofrece 4 diseños distintos para la página de detalle de producto. Cada diseño organiza de forma diferente la galería de imágenes, la información del producto y el formulario de reserva, para que puedas elegir la experiencia visual que mejor encaje con tu marca.


Cómo configurar el diseño

  1. Accede a Configuración → Tienda online

  2. Busca la opción "Diseño de la página de producto"

  3. Selecciona el diseño que quieras activar

  4. Guarda los cambios

El diseño se aplica a todos los productos de tu tienda de forma global.


Diseño 1 — Clásico

Distribución en dos columnas iguales (50/50):

  • Columna izquierda: galería de imágenes e información del producto

  • Columna derecha: formulario de reserva (fijo al hacer scroll), con el resumen del pedido integrado dentro del propio formulario

Es el diseño por defecto. Equilibrado y directo, ideal para productos con imagen y descripción de tamaño moderado.


Diseño 2 — Compacto

Distribución en dos columnas asimétricas (40/60):

  • Columna izquierda (40%): galería, información y descripción del producto

  • Columna derecha (60%): pasos de la reserva (fijo al hacer scroll), con el resumen del pedido mostrado como una tarjeta compacta en la parte superior del formulario

Los pasos de reserva aparecen en la columna derecha sin ocupar el ancho completo de la página. El resumen no se despliega como columna lateral separada, sino integrado de forma compacta en la cabecera del formulario.


Diseño 3 — Galería destacada

La galería ocupa el ancho completo en la parte superior de la página. Debajo:

  • Izquierda: formulario de reserva (flexible)

  • Derecha: resumen del pedido en una columna lateral fija (sticky)

  • La descripción del producto aparece debajo del formulario

Ideal para productos con fotografía impactante que quieras poner en primer plano.


Diseño 4 — Inmersivo

Galería de ancho completo con esquinas redondeadas en la parte superior. Debajo:

  • Izquierda: descripción del producto (encima del formulario de reserva) + formulario de reserva

  • Derecha: resumen del pedido en columna lateral fija (sticky)

Diseño más envolvente, con la descripción destacada antes del formulario. Recomendado para productos experienciales o con descripciones elaboradas que ayuden a la conversión.

¿Ha quedado contestada tu pregunta?