El aspecto clásico «Bought Together»: una tira de fotos unidas por signos de suma arriba, una caja con el precio total con un único botón de llamada a la acción al lado y una lista de casillas con los artículos debajo. Al desmarcar un artículo, su foto desaparece de la tira, los signos de suma se recolocan y el total, la línea de ahorro y el recuento del botón se actualizan al instante.
Cómo funciona esta plantilla
- La tira refleja la selección. Solo aparecen en la tira de fotos los artículos marcados; la primera foto visible nunca lleva signo de suma. Max Photos in Strip limita cuántas fotos se muestran (0 = todas; ponga 3 para el aspecto clásico estricto), y Strip Photo Style controla su tamaño y su borde. La tira entera se puede desactivar con Show Image Strip.
- El botón cuenta el pack. El texto predeterminado es Add all %N to Cart — %N se sustituye en vivo por el número de artículos seleccionados. Un texto aparte, Button Text (single item) (predeterminado: Add to Cart), se usa cuando solo queda un artículo seleccionado.
- La lista de casillas. Cada fila muestra una casilla, una miniatura opcional, el nombre del producto como enlace y el precio a la derecha; el producto actual lleva la etiqueta This item:. Show Thumbnails in List (on/off) cambia entre la lista ilustrada y el aspecto clásico solo de texto.
- Compact Mobile View. En pantallas pequeñas (activado de forma predeterminada): fotos más pequeñas en la tira, la caja del total pasa debajo de la tira a todo el ancho, las miniaturas se reducen y las líneas de información adicionales se ocultan.
- Motor compartido. Todo lo de la plantilla Buy Together se mantiene: cuatro acentos de estilo más los aspectos predefinidos de título, botones, fuente y orden de la información, la línea de ahorro y el contador de seleccionados, el total animado, el máximo de artículos con un enlace plegable + N more (los artículos que se muestran llegan desmarcados), la selección predeterminada, insignias con umbrales sensatos, el esqueleto de carga, Smooth Reveal, Popup Hugs Widget, el formato de precio central, los avisos de confirmación modern/system/custom y la protección integrada frente a datos obsoletos (Require Current-Page View, activada de forma predeterminada): el widget solo se muestra cuando la tarjeta del producto actual enlaza a la página que se está viendo, y se oculta en otras páginas o cuando los datos todavía corresponden a la página anterior.
- Modo de demostración en vivo. Mientras diseña, aparecen automáticamente productos de demostración con la tira, los totales y los interruptores funcionando — los visitantes del sitio nunca los ven.
Conviene saber
- “This item” es siempre el producto que se está viendo. La tarjeta del producto actual está ligada a la última vista de producto del visitante, independientemente del algoritmo de recomendación que elija — el algoritmo solo decide los complementos recomendados. En la vista previa del editor, los datos de ejemplo pueden hacer que parezca otra cosa; en el sitio en vivo, el vínculo se mantiene.
- Los artículos que se muestran llegan desmarcados. Los productos que hay detrás del enlace + N more nunca inflan el total sin que se note; la tira se reconstruye cada vez que se muestran o se pliegan artículos.
- Las fotos con imágenes rotas o ausentes se eliminan solas de la tira automáticamente, en lugar de mostrar un icono de imagen rota.
- Las líneas de prueba social y de información del producto están disponibles, pero desactivadas de forma predeterminada — el aspecto clásico es limpio a propósito; actívelas por alcance si las quiere.
- Las tarjetas de plantilla guardadas congelan su código. Vuelva a guardar su copia en sus plantillas después de las actualizaciones importantes.
Relacionados
- Buy Together — creador de packs con total en vivo — la variante basada en tarjetas, con disposiciones vertical, horizontal y compacta.
- Plantillas — el resumen completo de la biblioteca de plantillas.