El aspecto clásico de “Bought Together”: una tira de fotos unidas por signos de suma arriba, una caja de precio total con un único botón de llamada a la acción al lado, y una lista de casillas con los elementos debajo. Al desmarcar un elemento, su foto sale 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 los elementos marcados aparecen en la tira de fotos; 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. La etiqueta predeterminada es Add all %N to Cart — %N se sustituye en vivo por el número de elementos seleccionados. Una etiqueta aparte, Button Text (single item) (por defecto Add to Cart), se usa cuando solo queda un elemento 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 (activado/desactivado) alterna entre la lista ilustrada y el aspecto clásico solo de texto.
- Compact Mobile View. En pantallas pequeñas (activado por defecto): fotos de la tira más pequeñas, la caja del total pasa debajo de la tira a todo el ancho, las miniaturas se reducen y se ocultan las líneas de información adicionales.
- Motor compartido. Todo lo de la plantilla Buy Together se mantiene: cuatro acentos de estilo más los preajustes de aspecto Title/Buttons/Font/Info-Order, la línea de ahorro y el contador de seleccionados, el total animado, el máximo de elementos con un enlace plegable + N more (los elementos que se despliegan llegan sin marcar), la selección predeterminada, insignias con umbrales razonables, 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 contra datos obsoletos (Require Current-Page View, activada por defecto): el widget solo se muestra cuando la tarjeta del producto actual enlaza con la página que se está viendo, y se oculta en otras páginas o cuando los datos aún pertenecen a la página anterior.
- Modo de demostración en vivo. Mientras diseña, aparecen automáticamente productos de demostración con una tira, totales e interruptores que funcionan — 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á vinculada a la última vista de producto del visitante, con independencia 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 dar otra impresión; en el sitio en vivo el vínculo se mantiene.
- Los elementos desplegados llegan sin marcar. Los productos que hay tras el enlace + N more nunca inflan el total sin avisar; la tira se reconstruye cada vez que se despliegan o se pliegan elementos.
- Las fotos con imágenes rotas o ausentes se quitan solas de la tira automáticamente, en lugar de mostrar un icono de imagen rota.
- Los precios y el ahorro salen de su catálogo; el descuento, de su tienda. El widget solo muestra el pack — un descuento real por pack necesita una regla de carrito en su tienda. Consulte Precio y descuento del pack.
- Add all %N to Cart envía los elementos marcados en una sola llamada al código de añadido rápido al carrito de su cuenta.
- Hay líneas de prueba social y de información del producto disponibles, pero desactivadas por defecto — el aspecto clásico es deliberadamente limpio; actívelas por ámbito si las quiere.
- Las tarjetas de plantilla guardadas congelan su código. Vuelva a guardar su copia en Mis plantillas después de las actualizaciones importantes.
Relacionado
- Buy Together — creador de packs con total en vivo — la variante basada en tarjetas, con disposiciones vertical, horizontal y compacta.
- Botón de añadido rápido al carrito — el código que ejecuta el botón.
- Plantillas — la visión general de toda la biblioteca de plantillas.