Diseño y carrito

La pestaña Diseño de cada formulario controla su apariencia, su comportamiento y qué información llega al carrito. Cada sección gobierna una zona concreta del drawer.

Comportamiento

Activa o desactiva secciones del drawer:

• Mostrar ajustes de precio — muestra la diferencia de precio junto a cada opción (ej. +$10.00).
• Mostrar barra de progreso — indica cuánto le queda al cliente.
• Mostrar paso de resumen — añade un último paso de revisión antes de añadir al carrito.
• Mostrar el total en el botón Siguiente — muestra el total acumulado en cada paso, no solo al final.

Drawer

Posición y forma del panel: anchura (px), posición (derecha / izquierda), opacidad del fondo (%) y radio del borde (px).

Colores

Acento, texto sobre acento, fondo, texto, texto atenuado y bordes — para encajar con tu marca. Por defecto usan un acento neutro.

Tipografía

Tamaños y grosores para encabezado, título del paso, descripción del paso y texto de las opciones (título, descripción, precio y grosor del precio).

Opciones

Estilo de cada tarjeta: padding horizontal/vertical, separación entre opciones, grosor del borde, tamaño de imagen y la etiqueta para opciones gratuitas (“Incluido”).

Navegación

Barra de progreso y botones: altura de la barra, tamaño/grosor/padding del botón, el carrusel de selecciones del pie (mostrar en escritorio/móvil, prefijar con el nombre del paso) y el contador de pasos (palabra separadora, ej. “2 de 4”).

Resumen y Total

La lista de selecciones y la línea de total: tamaños de título, items y total; fondo y color del total; una línea de envío (etiqueta + valor, ej. “Gratis (Peninsular)”); y la opción de prefijar las líneas del resumen con el nombre del paso.

Líneas del carrito

Controla qué datos del formulario aparecen debajo del producto en el carrito. Los valores ocultos siguen guardándose en el pedido — solo se ocultan de la vista del carrito.

• Ocultar valores de graduación en el carrito — oculta la receta (OD SPH, OD CYL, DP, etc.) de la línea del carrito.
• Ocultar etiquetas de selección en el carrito — oculta las selecciones de los pasos (ej. “Tipo de lente: Progresivo”) de la línea del carrito.

El bundle en el carrito

El producto principal + lentes/addons + accesorios se agrupan como un bundle bajo una sola línea, igual que se lee en el checkout. La relación se mantiene de forma nativa (parent_id) para el borrado en cascada, el checkout y los emails de pedido — si el cliente elimina el producto principal, se quitan también sus addons. Ver Integración con el tema para el detalle técnico.