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 un app embed para el drawer 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 drawer.

Contenido: texto del botón (vacío = texto traducido por defecto) y estilo (Primary / Secondary / Outline).
Tamaño y espaciado: anchura (%), padding vertical/horizontal, radio y grosor de borde.
Tipografía: tamaño, grosor, letter-spacing y transformación (MAYÚS/Capitalize/…).
Colores (opcional): fondo, texto, borde y sus variantes en hover. Vacío = colores del estilo elegido.
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.

App embed “Optical Form Drawer”

Se activa en Incrustaciones de la aplicación y controla el drawer y su relación con el carrito del tema.

CSS personalizado — reglas para sobrescribir cualquier estilo del drawer o del botón.
Tras añadir al carrito (cart_after_add): abrir el cart drawer, redirigir a /cart, o no hacer nada.
Selectores CSS (auto-detección por defecto; sobrescribe si tu tema es no estándar): contador del carrito, cart drawer, icono del carrito, e IDs de secciones a refrescar.
Interceptar peticiones del carrito — mantiene la UI sincronizada monitorizando las llamadas a la API del carrito. Recomendado.
Interceptar clics en el icono del carrito — al pulsar el icono se abre el drawer en vez de navegar a /cart.
Modo debug — vuelca la actividad de CartBridge a la consola del navegador.