Botón y carrito (ajustes del tema)

Además del panel de la app, Optical Form expone ajustes en el editor de temas de Shopify: un bloque para el botón y una incrustación de la app para el panel y el carrito.

Bloque “Optical Form” (el botón)

Se añade a la sección del producto y controla el botón que abre el panel.

Contenido: texto del botón (vacío = texto traducido por defecto) y, opcionalmente, un icono de tu biblioteca de Archivos, con su posición (antes o después del texto) y la separación respecto al texto.
Colores: fondo, texto y borde, cada uno con su variante hover. Por defecto gris oscuro neutro.
Forma y tipografía (comunes): radio, grosor de borde, grosor de letra, letter-spacing (px) y transformación.
Escritorio y Móvil por separado: ajustar al contenido, anchura (%), padding vertical/horizontal y tamaño de letra. El corte está en 750px.

Avanzado → variant_input_selector: selector CSS para la variante seleccionada; solo si el tema no actualiza [name="id"] ni ?variant=. Ver Integración con el tema.

Incrustación de la app “Optical Form Drawer”

Se activa en Incrustaciones de aplicaciones y controla el panel y su relación con el carrito del tema.

Aspecto del carrito

Compactar las líneas de complementos (cart_tidy_addons) — desactivada por defecto. Encoge las líneas de los complementos para que la montura siga siendo la protagonista. Solo cambia tamaños: qué controles enseña cada línea lo deciden los tres ajustes siguientes. Verificada en Horizon 4.x y en Split; en temas que no imprimen esa clase no hace nada.
Complementos en el carrito (cart_addon_rows) — «Visibles con sus controles» por defecto. «Visibles sin controles» les quita el selector de cantidad y la papelera; «Ocultos» no muestra sus líneas en el carrito. Se cobran igual y salen en el checkout y en el pedido: la línea de la montura enseña el precio de la montura y el total del carrito los incluye, y lo que el cliente eligió sigue legible bajo la montura.
Ocultar el botón de eliminar de los accesorios (cart_accessory_remove) — desactivada. Al borrar la montura se van igualmente.
Ocultar el selector de cantidad de las lentillas (cart_contact_lens_selector) — desactivada. Las cajas por ojo se eligen en el configurador y la app devuelve la cantidad si algo la cambia en el carrito; esto solo esconde el selector.
CSS personalizado — reglas para sobrescribir cualquier estilo del panel o del botón. Se carga en todas las páginas de la tienda, así que sirve también para reestilizar cómo muestra tu tema las propiedades de línea en el carrito.

Integración con el carrito

Tras añadir al carrito (cart_after_add): abrir el panel del carrito del tema, redirigir a /cart, o no hacer nada. «No hacer nada» solo significa que la integración con el carrito no abre nada: el tema sigue recibiendo el evento estándar shopify:cart:lines-update (action: 'add'), y Horizon 4.x abre su panel del carrito con él si su cart-drawer-component lleva auto-open (su ajuste «“Add to cart” auto-opens drawer», en Ajustes del tema › Cart; en Horizon 4.2.0 viene desactivado). Manda el tema. Desde la 1.5 las líneas del carrito viajan en la misma petición que el añadido y en la promesa del evento (detail.sections), así que Horizon las muestra antes de abrir.
Mantener el carrito sincronizado (cart_intercept) — activada por defecto. En temas con los eventos estándar de carrito de Shopify escucha de forma pasiva; en temas antiguos monitoriza las llamadas a la API del carrito.
Cantidad del conjunto desde el carrito (cart_set_quantity) — «Escalar» por defecto: si el cliente sube la cantidad de la montura en el carrito, los complementos se multiplican con ella (dos lentes por montura, un tratamiento por montura…). «Bloquear» la devuelve a 1 con un aviso corto bajo la línea. En los dos modos, un complemento cambiado por su cuenta vuelve a su sitio, y las lentillas nunca se escalan: sus cajas por ojo se fijan en el configurador y cualquier cambio vuelve a ellas con su propio aviso. Los textos de los dos avisos están traducidos y se pueden cambiar en los locales de la app.
Accesorios en el carrito (cart_accessory_quantity) — «Cantidad libre» por defecto: líquidos, fundas y otros extras los cambia el cliente y no se multiplican con la montura. «Siguen a la montura» los trata como un complemento más.

Avanzado — solo si tu tema no se detecta solo:

Abrir el panel desde el icono del carrito (cart_intercept_icon) — desactivada por defecto. Actívala solo si al pulsar el icono no pasa nada.
Selectores CSS (vacíos = autodetección): contador del carrito, icono del carrito e IDs de secciones a refrescar. No hay selector propio para el panel del carrito: se detecta solo.
Modo debug — vuelca la actividad de CartBridge a la consola del navegador.