Bloques de tema de la app
La extensión de tema de Gibbond añade tres piezas al escaparate: un widget de carrito, una franja en el cajón del carrito y anotaciones de precio según el nivel. Sin scripts inyectados; todo es un bloque de app o un app embed de Online Store 2.0 que controlas desde el editor de temas.
Qué incluye
| Bloque | Tipo | Dónde aparece |
|---|---|---|
| Widget de fidelización del carrito | Bloque de app | Dentro de la plantilla de la página del carrito |
| Fidelización en el cajón del carrito | App embed | El cajón del carrito AJAX / minicarrito de tu tema |
| Anotaciones de precio de fidelización | App embed | Todas las páginas: anota los precios para los miembros de un nivel |
Bloque de app vs. app embed. Un bloque de app se añade a una sección o plantilla concreta mediante Añadir bloque. Un app embed se activa de forma global desde el panel de App embeds (el icono de la pieza de puzle en la parte inferior del panel izquierdo del editor de temas).
1 · Widget de fidelización del carrito
Una tarjeta de fidelización completa en la página del carrito. A los miembros que han iniciado sesión les muestra al instante el saldo y la insignia de nivel, una estimación de los «puntos que ganarás» con el desglose por artículo, los códigos de descuento existentes con aplicación en un clic y un desplegable de recompensas para canjear. Los clientes no inscritos ven un botón de Unirse; los invitados ven un aviso para iniciar sesión.
Tus recompensas★ GoldCómo añadirlo
- Online Store → Temas → Personalizar
Abre tu tema en el editor.
- Cambia a la plantilla del carrito
Usa el selector de plantillas de la parte superior para abrir Carrito.
- Añadir bloque → Apps
En la sección del carrito, haz clic en Añadir bloque y elige Widget de fidelización del carrito.
- Coloca y configura
Arrástralo donde quieras, ajusta los ajustes de abajo y luego haz clic en Guardar.
Ajustes
| Ajuste | Tipo | Valor por defecto |
|---|---|---|
| Esquema de color | select (1–4) | scheme-1 |
| Encabezado | text | Your Rewards |
| Color de acento | color | #4c6ef5 |
| Mostrar estimación de puntos | checkbox | on |
| Mostrar recompensas y canje | checkbox | on |
| Mostrar códigos de descuento existentes | checkbox | on |
| Texto del aviso de inicio de sesión | text | Sign in to view your loyalty rewards |
2 · Fidelización en el cajón del carrito
Una franja compacta que se inyecta en el cajón del carrito desplegable de tu tema: saldo + insignia de nivel + «Gana X puntos» + un enlace de Canjear para los miembros, un botón de Unirse para los compradores no inscritos y un aviso de inicio de sesión para los invitados. Aparece cuando se abre el cajón y se elimina cuando se cierra.
Cómo añadirlo
- Editor de temas → App embeds
Haz clic en el icono de la pieza de puzle en la parte inferior del panel izquierdo.
- Activa «Fidelización en el cajón del carrito»
Despliégalo para configurar las opciones y luego haz clic en Guardar.
Ajustes
| Ajuste | Tipo | Valor por defecto |
|---|---|---|
| Color de acento | color | #4c6ef5 |
| Selector CSS del cajón del carrito | text | cart-drawer, .cart-drawer, #CartDrawer, … |
| Posición del widget | select | Before checkout button |
¿El widget no aparece en el cajón? Tu tema usa un elemento de cajón no estándar. Actualiza el Selector CSS del cajón del carrito para que coincida con el contenedor del cajón de tu tema (se admiten selectores separados por comas).
3 · Anotaciones de precio de fidelización
Para los miembros que han iniciado sesión y cuyo nivel otorga un descuento, este app embed marca los precios por toda la tienda: tacha el precio original y muestra el precio del nivel como insignia o como texto en línea. Sigue el comportamiento STACK vs BEST_PRICE de tu nivel y mantiene los precios actualizados incluso mientras los clientes navegan y filtran.
Cómo añadirlo
- Editor de temas → App embeds
Abre el panel de App embeds.
- Activa «Anotaciones de precio de fidelización»
Configura el color de la insignia, el estilo de visualización y (si hace falta) el selector de precios, y luego haz clic en Guardar.
Ajustes
| Ajuste | Tipo | Valor por defecto |
|---|---|---|
| Color de la insignia | color | #8B5CF6 |
| Selector CSS de precios (avanzado) | text | .price-item--regular, .price .money, … |
| Estilo de visualización | select | Badge / Texto en línea |
Las anotaciones solo se muestran para clientes con sesión iniciada que estén en un nivel con un descuento superior a cero. Los invitados y los clientes del nivel base no ven nada.
Todos los textos del escaparate son traducibles y vienen con muchos idiomas de serie (inglés, alemán, francés, italiano, español, portugués, danés, finés, noruego, sueco y polaco). El texto orientado al cliente se localiza automáticamente según el idioma del escaparate.