Personyze Wiki Personyze Wiki docs
Español
  • English
  • Español
  • Français
  • Deutsch
  • Italiano
  • Nederlands
  • Português
  • Polski
  • 日本語
  • العربية
Open Personyze
Documentación/ Plantilla: Buy Together — creador de packs con totales en vivo

Plantilla: Buy Together — creador de packs con totales en vivo

Un creador de packs «comprados juntos» con interruptores por producto y totales en vivo: disposiciones, acentos de estilo, insignias, prueba social y la referencia completa de ajustes.

22 min read Actualizado hace 3 horas

Un creador de packs «Frequently Bought Together» con totales en vivo: el producto actual se muestra como ancla (“This item”) junto a los complementos recomendados, cada uno con su propio interruptor de activar/desactivar. Cada interruptor actualiza al instante el total del pack, el precio original tachado, la línea verde You save y el contador opcional N of M items selected — y luego un clic añade toda la selección al carrito.

Plantilla Buy Together — creador de packs con interruptores por producto, signos de suma, total del pack en vivo, precio original tachado y línea You save

Cómo funciona esta plantilla

  • Tres disposiciones. El ajuste Layout cambia entre vertical (una lista apilada con interruptores — la predeterminada), horizontal (una fila de productos unidos por signos de suma que se ajusta al tamaño de sus tarjetas) y compact (una tira mínima con fotos pequeñas, nombres y precios — allí las líneas de prueba social y de información se ocultan para ahorrar espacio, mientras que el producto actual conserva su etiqueta “This item”). En la tira compacta, Title Position coloca el encabezado en línea a la izquierda de los productos (la opción predeterminada) o en una línea completa encima de ellos. En pantallas estrechas, la fila horizontal se convierte automáticamente en una lista apilada limpia.
  • Acentos de estilo y aspectos predefinidos. Un único selector Style accent (light, gold, bold, ocean) cambia a la vez el color de los interruptores, los botones, los totales, los ahorros y las tarjetas. Además: Title Look (plain, caps, serif, underline, boxed), Buttons Look (solid, pill, outline, dark, square), Text Font (system, serif, rounded, condensed) e Item Info Order (standard, price-first, info-top, name-first). Cada color y cada fuente se pueden seguir sobrescribiendo por separado en su propio campo de estilo.
  • Motor de totales en vivo. El pie muestra el total del pack, el total original tachado cuando hay descuentos, una línea You save calculada a partir de la diferencia y un contador opcional de artículos seleccionados. El total puede hacer un breve efecto de pulso en cada cambio (Animate Total, activado de forma predeterminada).
  • Cuántas recomendaciones. Se obtienen hasta ocho recomendaciones, pero solo se ven Max Items Shown (2 de forma predeterminada). El resto queda detrás de un enlace + N more; los artículos que se muestran al desplegarlo aparecen desactivados, así que el total solo incluye productos que el visitante ha visto y elegido de verdad. Al volver a hacer clic en el enlace (Show Less Text) se pliegan de nuevo.
  • Selección predeterminada. Elija si el pack empieza con all (todos los artículos activados), none (ninguno) o solo con el producto anchor seleccionado. El color y la visibilidad del control de inclusión son ajustes aparte.
  • Estilo de confirmación. Después de añadir al carrito o guardar en la lista de deseos, el comprador ve una confirmación. Confirmation Style ofrece modern (un aviso oscuro redondeado con un icono de verificación — el predeterminado), system (la notificación integrada de Personyze) o custom (ejecute su propio JS desde los campos Success y Error Action). El aviso se puede reestilizar con Confirmation Toast Style.
  • Modo de demostración en vivo. Mientras diseña, aparecen automáticamente productos de demostración realistas con interruptores y totales que funcionan — los visitantes del sitio nunca los ven.

Cambiar los ajustes en el editor

Todos los ajustes están en la barra lateral de la izquierda del editor de la acción, agrupados por tema; haga clic en un grupo para desplegarlo, y la vista previa se actualiza al instante. Dos ejemplos:

Editor de Buy Together: el grupo How Many Recommendations con Max Items Shown y los ajustes del enlace Show More, con la disposición vertical en la vista previa

(1) El grupo How Many Recommendations contiene Max Items Shown (2 de forma predeterminada) y los textos del enlace para mostrar más. (2) Show More Link cambia entre mostrar los artículos ocultos con un enlace o simplemente no mostrarlos. (3) El enlace + N more resultante en la lista vertical — al hacer clic en él en la vista previa funciona exactamente igual que en el sitio.

Editor de Buy Together: el selector Layout abierto con las opciones vertical, horizontal y compact, con la tira compacta en la vista previa

(1) El selector Layout cambia todo el widget entre vertical, horizontal y compact en un clic. (2) Aquí, la tira compact: el título en línea a la izquierda (se puede mover encima de los productos con Title Position), minitarjetas uniformes unidas por signos de suma, la etiqueta + N more y el total con el botón del carrito — todo en una línea.

Insignias, prueba social e información del producto

  • Insignias con valores predeterminados sensatos. Porcentaje de descuento (oculta cuando el descuento es 0), NEW (productos añadidos en los últimos 14 días), Popular y Bestseller (el 5% superior por vistas o por compras) y poco stock, que muestra el número restante en vivo seguido de un texto editable como “left in stock” (se activa con 5 unidades o menos) — cada umbral, texto y estilo se puede editar.
  • Líneas de prueba social. Recuentos de “viewed today” y “bought today” por tarjeta, con un ajuste de alcance para todas las tarjetas, solo el ancla o solo las recomendaciones.
  • Líneas de información del producto. Campos adicionales del catálogo (marca, columnas personalizadas) debajo del nombre del producto, con el mismo control de alcance.

Carga, popups y estabilidad

  • Esqueleto de carga. Filas de marcador con brillo (activadas de forma predeterminada) que se muestran hasta que llegan las recomendaciones, para que el widget nunca aparezca de golpe.
  • Smooth Reveal. El widget permanece invisible un momento hasta que su tamaño y su posición se estabilizan, y después aparece con un fundido — sin saltos visibles mientras carga la página. Activado de forma predeterminada, con un mecanismo de seguridad que siempre lo muestra en unos tres segundos como máximo.
  • Protección frente a datos obsoletos. Al navegar, el evento de vista de producto y la solicitud de recomendaciones compiten entre sí; si el widget fuera a mostrarse con el producto de la página anterior como “This item”, se oculta en esa página vista. La comprobación está integrada (Require Current-Page View, activada de forma predeterminada): la tarjeta del producto actual debe enlazar a la página que se está viendo. Esto también mantiene el widget fuera de las páginas que no son de producto automáticamente — sin necesidad de reglas de audiencia.
  • Popup Hugs Widget. Cuando el widget se ejecuta dentro de un popup mucho más ancho que él, reduce el marco del popup para ajustarlo. Desactívelo para los popups de banner a todo el ancho intencionados.

Todos los ajustes

Todos los ajustes están en la barra lateral del editor de la acción, agrupados exactamente como se indica abajo. Haga clic en un grupo para desplegar su lista. Los ajustes marcados con (CSS) admiten CSS en bruto; el resto son texto, números o selectores sencillos.

Style Accent — Ajuste de color predefinido y disposición general.
  • Style accent — light = azul limpio. gold = oscuro premium. bold = rojo. ocean = azul profundo. Cambia a la vez el color de los interruptores, los botones, los totales, los enlaces y las tarjetas.
  • Text Font — system = sans-serif limpia. serif = serif clásica. rounded = sans redondeada y amable. condensed = sans estrecha que ahorra espacio.
  • Item Info Order — standard = etiqueta, nombre, precio, detalles. price-first = el precio encima del nombre. info-top = los detalles del producto encima del nombre. name-first = el nombre encima de la etiqueta pequeña.
  • Layout — vertical = lista apilada con interruptores. horizontal = fila de productos con signos de suma, al estilo de Amazon. compact = tira mínima de una línea para páginas de carrito.
Catalog Fields — Qué columnas del catálogo alimentan el producto actual y las recomendaciones. Se define una vez por sitio.

Asigna las columnas de su catálogo a la plantilla (título del producto, precios, imagen, URL, marca, inventario y atributos personalizados).

Layout — Contenedor del widget, separadores y comportamiento de carga.
  • Widget Outer Container Style (CSS) — Contenedor general del widget: ancho, relleno, margen, fuente y fondo.
  • Separator Character — El símbolo que se muestra entre los productos en las disposiciones horizontal y compact. Normalmente un signo de suma.
  • Separator Style (CSS) — CSS adicional para el separador +: color, tamaño, etc.
  • Loading Skeleton — Filas de marcador grises con brillo que se muestran un momento mientras cargan las recomendaciones, y que después se sustituyen por las tarjetas reales. Activado de forma predeterminada.
  • Smooth Reveal — Mantiene el widget invisible un momento hasta que su tamaño y su posición se estabilizan, y después lo muestra con un fundido. Evita los saltos visibles mientras carga la página.
  • Popup Hugs Widget — Cuando el widget se ejecuta dentro de un popup mucho más ancho que el widget, reduce el marco del popup para ajustarlo al widget. Desactívelo para los popups de banner a todo el ancho.
Title — El encabezado que va encima de los productos.
  • Title Look — plain = tal como está diseñado. caps = mayúsculas con espaciado entre letras. serif = serif elegante. underline = subrayado de acento. boxed = píldora teñida detrás del título.
  • Title Text — Encabezado que se muestra encima de la lista de tarjetas, p. ej., «Completa el pack».
  • Title Position (Strip Layout) — Dónde va el encabezado en la tira compacta: side = en línea a la izquierda de los productos, el aspecto actual. top = en una línea completa encima de los productos.
  • Title Icon — none = sin icono. library = elegir un icono integrado. image = usar su propia imagen subida.
  • Icon (from library) — Elija un icono de la biblioteca integrada. Se muestra cuando Title Icon está en library.
  • Library Icon Style (CSS) — Tamaño, color y espaciado del icono de la biblioteca.
  • Icon Image — Su propia imagen, que se muestra cuando Title Icon está en image.
  • Icon Image Style (CSS) — Tamaño y espaciado del icono de imagen.
  • Title Style (CSS) — Tamaño de fuente, grosor y color del título.
Product Cards — El aspecto de cada tarjeta de producto y de sus partes.
  • Recommended Item Label — Pequeña etiqueta que se muestra encima del nombre de cada producto recomendado, p. ej., «Añadir al pack».
  • Open Product Links In — Dónde se abren los enlaces del nombre del producto: en la misma pestaña (_self) o en una nueva (_blank).
  • Card Style (CSS) — Relleno, margen, fondo y borde de la fila de cada tarjeta de producto.
  • Product Image Style (CSS) — Tamaño, borde y fondo de la miniatura del producto dentro de cada tarjeta.
  • Product Name Style (CSS) — Fuente, tamaño y color del nombre del producto.
  • Item Label Style (CSS) — Estilo de la etiqueta pequeña que va encima de cada nombre (This item / Add to bundle).
  • Price Style (CSS) — Fuente, tamaño y color del precio.
  • Original Price Style (strikethrough) (CSS) — Estilo del precio original tachado.
How Many Recommendations — Limita las recomendaciones visibles y deja el resto detrás de un enlace Show More.
  • Max Items Shown — Cuántos productos recomendados se ven al principio. Se obtienen hasta 8; el resto se oculta detrás del enlace Show More. Valor predeterminado: 2.
  • Show More Link — on = los artículos ocultos se pueden mostrar con un enlace como + 3 more. off = los artículos adicionales simplemente no se muestran.
  • Show More Text — Texto del enlace para mostrar más. Escriba %N donde deba aparecer el número de artículos ocultos.
  • Show Less Text — Texto del enlace después de desplegar, que sirve para volver a plegar los artículos adicionales, p. ej., «Mostrar menos».
  • Show More Link Style (CSS) — Estilo del enlace para mostrar más.
Current Product (This Item) — El producto que el visitante está viendo, que se muestra como la primera tarjeta.
  • Current Product Label — Pequeña etiqueta que se muestra encima del nombre del producto actual, p. ej., «Este artículo».
  • Require Current-Page View — on = el widget solo se muestra cuando la tarjeta del producto actual enlaza a la página que se está viendo; si los datos todavía corresponden a una página anterior (o el visitante no está en una página de producto), todo el widget se oculta en lugar de mostrar un pack obsoleto. Activado de forma predeterminada; desactívelo para mostrar siempre lo que devuelva la fuente de datos.
  • Emphasize Current Product — Hace que la tarjeta actual destaque. off = sin énfasis. tint = fondo de acento suave. ring = borde de acento con resplandor. bar = franja de acento a la izquierda. badge = pequeña etiqueta de acento encima.
  • Current Product Badge Text — Texto de la pequeña etiqueta cuando Emphasize está en badge, p. ej., «Su artículo».
  • Current Product Card Style (CSS) — CSS adicional que solo se aplica a la tarjeta del producto actual (encima del estilo normal de la tarjeta).
  • Require Current-Page View — activado de forma predeterminada: el widget solo se muestra cuando la tarjeta del producto actual enlaza a la página que se está viendo; en otras páginas, o cuando los datos todavía corresponden a la página anterior, todo el widget se oculta en lugar de mostrar un pack obsoleto. Desactívelo para mostrar siempre lo que devuelva la fuente de datos — por ejemplo, si prefiere controlarlo a nivel de audiencia, segmentando a los visitantes cuya última interacción es una vista de producto.
Selection & Toggles — Cómo incluyen o excluyen artículos los compradores, y cuáles empiezan seleccionados.
  • Default Selection — Qué artículos empiezan marcados. all = todos los artículos seleccionados (el mayor valor de pack). anchor = solo el producto actual. none = las recomendaciones empiezan desactivadas y solo está marcado el producto actual.
  • Show Include Toggle — Muestra el control de activar/desactivar que permite a los compradores incluir o excluir cada artículo. Desactívelo para incluir siempre todos los artículos mostrados.
  • Include Control Style — switch = interruptor deslizante. checkbox = casilla clásica con marca de verificación.
  • Include Control Position — Dónde va el interruptor o la casilla en cada tarjeta: right (predeterminado), left, center u outside-left (en el margen, a la izquierda de la tarjeta).
  • Toggle / Checkbox Color — Color del control cuando un artículo está seleccionado. Déjelo como está para que siga automáticamente el Style accent, o elija un color concreto para sobrescribirlo.
Prices — Visualización de precios, símbolos de moneda y formato de los números.
  • Show Prices — Activa o desactiva la visualización del precio en cada tarjeta.
  • Currency Symbol Before Price — Símbolo que se muestra antes del precio, p. ej., $ o EUR.
  • Currency Symbol After Price — Símbolo que se muestra después del precio, p. ej., USD.
  • Number Format Locale — Etiqueta de configuración regional BCP 47, p. ej., en, de, fr, he-IL.
  • Decimal Places — Número de decimales que se muestran en los precios, p. ej., 2 para $9.99.
  • Label for Free Items — Texto que se muestra en lugar del precio cuando el producto es gratuito, p. ej., «GRATIS».
Total Price Display — El total del pack, la línea de ahorro y el contador de artículos seleccionados.
  • Total Label Text — Etiqueta que se muestra encima del precio total, p. ej., «Total del pack:».
  • Total Label Style (CSS) — Tamaño de fuente y color de la etiqueta del total.
  • Total Amount Style (CSS) — Estilo del importe total.
  • Original Price Style (strikethrough) (CSS) — Estilo del total original que se muestra tachado cuando se aplica un descuento.
  • Animate Total on Change — Una sutil animación en el importe total cada vez que se activa o desactiva un artículo.
  • Show Savings Line — Muestra una línea de ahorro debajo del total, como: You save 401.00, siempre que el pack seleccionado sea más barato que los precios originales.
  • Savings Label — Texto antes del importe ahorrado, p. ej., «Ahorra».
  • Savings Line Style (CSS) — Fuente, tamaño y color de la línea de ahorro. Verde y en negrita de forma predeterminada.
  • Show Selected Counter — Muestra una línea debajo del total como: 3 of 5 items selected. Desactivado de forma predeterminada.
  • Counter Text — Texto del contador. Escriba %N donde va el número de seleccionados y %M donde va el total de artículos mostrados.
  • Counter Style (CSS) — Fuente, tamaño y color de la línea del contador.
Add to Cart Button — El botón principal de añadir al carrito y su comportamiento.
  • Buttons Look — solid = rectángulo relleno. pill = totalmente redondeado. outline = transparente con borde de acento. dark = relleno casi negro. square = esquinas rectas.
  • Button Text — Texto del botón de añadir al carrito, p. ej., «Añadir el pack al carrito».
  • Extra add_to_cart Argument — Argumento adicional opcional que se pasa a la función add_to_cart_for_personyze() de su sitio.
  • Button Normal Style (CSS) — Aspecto predeterminado del botón.
  • Button Hover Style (CSS) — Aspecto del botón al pasar el ratón por encima.
  • On Success (JS) – Advanced Override — Avanzado: sustituye todo el gestor de éxito por JavaScript personalizado. Déjelo en blanco para usar el mensaje de éxito predeterminado.
  • On Error (JS) – Advanced Override — Avanzado: sustituye todo el gestor de errores por JavaScript personalizado. Déjelo en blanco para usar el mensaje de error predeterminado.
Cart Messages — La confirmación que se muestra después de añadir al carrito.
  • Confirmation Style — modern = burbuja de aviso oscura y redondeada con un icono de verificación, a juego con la confirmación de la lista de deseos. system = la notificación integrada de Personyze. custom = ejecute su propio JS desde los campos Success y Error Action.
  • Success Message Text — Se muestra después de añadir los artículos al carrito. Valor predeterminado: Bundle added to cart.
  • Success Message Style (CSS) — Estilo del banner de éxito.
  • Error Message Text — Se muestra cuando falla la adición al carrito. Valor predeterminado: Cannot add to cart.
  • Error Message Style (CSS) — Estilo del banner de error.
Product Info — Atributos adicionales del catálogo (marca o columnas personalizadas) en las tarjetas.
  • Show Product Info On — Qué tarjetas muestran estos atributos. all = el producto actual y las recomendaciones. main = solo el producto actual. recommended = solo las recomendaciones.
  • Show Brand — Muestra la marca o el fabricante del producto.
  • Brand Label — Texto opcional antes de la marca, p. ej., "Marca: ". Déjelo en blanco para no mostrar ninguno.
  • Show Custom Attribute 1 — Muestra el primer atributo personalizado (asignado en Catalog Fields).
  • Custom Attribute 1 Label — Texto opcional antes del atributo 1, p. ej., "Color: ".
  • Show Custom Attribute 2 — Muestra el segundo atributo personalizado.
  • Custom Attribute 2 Label — Texto opcional antes del atributo 2.
  • Product Info Style (CSS) — Tamaño de fuente y color de la línea de información del producto.
Social Proof Text — Líneas en vivo de vistas, compras y poco stock debajo de los productos.
  • Show Social Proof On — Qué tarjetas muestran las líneas de prueba social. all = el producto actual y las recomendaciones. main = solo el producto actual. recommended = solo las recomendaciones.
  • Timeframe — today = últimas 24 horas. week = últimos 7 días.
  • Show Views — Muestra cuántas personas han visto el producto.
  • Show Purchases — Muestra cuántas personas han comprado el producto.
  • Show Low Stock — Muestra una línea de poco stock cuando el inventario está en el umbral o por debajo (solo en las recomendaciones; necesita una columna de inventario).
  • Minimum Views to Show — Solo muestra la línea de vistas cuando el recuento llega al menos a este valor. Valor predeterminado: 30.
  • Minimum Purchases to Show — Solo muestra la línea de compras cuando el recuento llega al menos a este valor. Valor predeterminado: 3.
  • Low Stock Threshold — Muestra la línea de poco stock cuando el inventario está en este valor o por debajo. Valor predeterminado: 10.
  • Views Label (today) — Texto después del recuento de vistas, p. ej., «vistos hoy».
  • Views Label (week) — Texto después del recuento de vistas, p. ej., «vistos esta semana».
  • Purchases Label (today) — Texto después del recuento de compras, p. ej., «comprados hoy».
  • Purchases Label (week) — Texto después del recuento de compras, p. ej., «comprados esta semana».
  • Low Stock Text — Texto después del número de unidades, p. ej., «disponibles».
  • Views Icon — Icono junto a la línea de vistas.
  • Purchases Icon — Icono junto a la línea de compras.
  • Low Stock Icon — Icono junto a la línea de poco stock.
  • Social Proof Text Style (CSS) — Tamaño de fuente y color de las líneas de prueba social.
  • Views Line Style (CSS) — Estilo específico de la línea de vistas (sobrescribe el estilo compartido).
  • Purchases Line Style (CSS) — Estilo específico de la línea de compras.
  • Low Stock Line Style (CSS) — Estilo específico de la línea de poco stock.
  • Views Icon Style (CSS) — Tamaño y color del icono de vistas.
  • Purchases Icon Style (CSS) — Tamaño y color del icono de compras.
Popular Badge — Una insignia Popular en los productos más vistos.
  • Show Popular Badge — Activa o desactiva la insignia Popular.
  • Time Frame — Mide la popularidad durante la última semana o solo hoy.
  • Threshold % (top N%) — La insignia aparece en los productos del N% superior de los más vistos. P. ej., 5 = el 5% superior.
  • Badge Text — Texto que se muestra en la insignia. Valor predeterminado: Popular
  • Badge Style (CSS) — Posición, color de fondo y forma de la insignia Popular.
  • Badge Text Style (CSS) — Tamaño de fuente y grosor del texto de la insignia Popular.
Best Seller Badge — Una insignia Best Seller en los productos más comprados.
  • Show Best Seller Badge — Activa o desactiva la insignia Best Seller.
  • Time Frame — Mide las ventas durante la última semana o solo hoy.
  • Threshold % (top N%) — La insignia aparece en los productos del N% superior por número de compras. P. ej., 5 = el 5% superior.
  • Badge Text — Texto que se muestra en la insignia. Valor predeterminado: Best Seller
  • Badge Style (CSS) — Posición, color de fondo y forma de la insignia Best Seller.
  • Badge Text Style (CSS) — Tamaño de fuente y grosor del texto de la insignia Best Seller.
Discount Badge — Una insignia con el porcentaje de descuento en los productos rebajados.
  • Enable Discount Badge — Activa o desactiva la insignia de porcentaje de descuento.
  • Min Discount % — La insignia solo aparece cuando el descuento llega al menos a este porcentaje.
  • Badge Extra Label — Texto opcional que se añade después del porcentaje. P. ej., OFF produce: 20% OFF
  • Badge Style (CSS) — Posición, fondo y forma de la insignia de descuento.
  • Badge Text Style (CSS) — Tamaño de fuente y grosor del texto del porcentaje de descuento.
New Badge — Una insignia New en los productos añadidos recientemente.
  • Enable New Badge — Activa o desactiva la insignia New.
  • New Badge Threshold — Los productos añadidos dentro de este periodo reciben la insignia.
  • Badge Text — Texto que se muestra en la insignia. Valor predeterminado: NEW
  • Badge Style (CSS) — Posición, fondo y forma de la insignia New.
  • Badge Text Style (CSS) — Tamaño de fuente y grosor del texto de la insignia New.
Stock Badge — Una insignia de aviso de poco stock.
  • Enable Stock Badge — Activa o desactiva la insignia de nivel de stock.
  • Stock Threshold — La insignia aparece cuando el inventario está en este número o por debajo.
  • Stock Badge Text Suffix — Texto después del número de unidades. P. ej., left produce: 3 left
  • Badge Style (CSS) — Posición, fondo y forma de la insignia de stock.
  • Badge Text Style (CSS) — Tamaño de fuente y grosor del texto de la insignia de stock.
Wishlist Button — El botón opcional para guardar para más tarde (desactivado de forma predeterminada).
  • Show Wishlist Button — Activa o desactiva el botón Save Bundle for Later.
  • Button Text — Texto del botón de la lista de deseos, p. ej., «Guardar el pack para más tarde».
  • Confirmation Message After Adding — Mensaje que se muestra después de añadir los productos a la lista de deseos.
  • Confirmation Toast Style (CSS) — CSS adicional para la burbuja de confirmación oscura que se muestra después de guardar en la lista de deseos, p. ej., el fondo o el tamaño de fuente.
  • Button Normal Style (CSS) — Aspecto predeterminado del botón de la lista de deseos.
  • Button Hover Style (CSS) — Aspecto del botón de la lista de deseos al pasar el ratón por encima.
Close Button — El control opcional para cerrar.
  • Show Close Button — Activa o desactiva el botón para cerrar.
  • Close Button Content — Texto o icono del botón para cerrar.
  • Close Button Style (CSS) — Estilo del elemento del botón para cerrar.
Editor Notes — Pack de demostración y nota de diseño solo para el editor.
  • Demo Bundle (Preview Only) — Tres productos de ejemplo con interruptores y totales que funcionan, que solo se muestran en el editor y en los enlaces de vista previa mientras todavía no hay datos reales. Los visitantes nunca los ven.
  • Show Editor Note
  • Editor Note Text
  • Guide Link URL

Conviene saber

  • El widget se oculta fuera de las páginas de producto y con datos obsoletos. Require Current-Page View (activado de forma predeterminada) impide que el pack muestre alguna vez el producto de la página anterior o aparezca en la página de inicio. ¿Prefiere gestionarlo usted? Desactívelo y añada una regla de audiencia que segmente a los visitantes cuya última interacción es una vista de producto.
  • La línea de ahorro solo aparece cuando hay algo que ahorrar. Si ningún artículo seleccionado tiene descuento, el total tachado y la línea You save se ocultan solos.
  • Add bundle to cart envía todos los artículos seleccionados en una sola llamada usando las columnas de añadir al carrito de su catálogo; un botón secundario de lista de deseos, Save bundle for later, está desactivado de forma predeterminada, se puede activar con un clic, y los dos se pueden reestilizar por completo.
  • Precios centralizados. Un único selector de formato de precio y un único par de campos de símbolo de moneda se aplican en todos los lugares donde aparecen precios, incluidos los totales y los ahorros.
  • Renderizado a prueba de estilos. Los estilos de la plantilla están pensados para resistir el CSS agresivo de los sitios, mientras que las personalizaciones por elemento hechas en el editor siguen teniendo prioridad sobre los valores predeterminados de la plantilla.
  • Las tarjetas de plantilla guardadas congelan su código. Si guarda su propia copia en sus plantillas, las acciones creadas a partir de ella usan el código tal como estaba al guardarla — vuelva a guardar la tarjeta después de las actualizaciones importantes.

Relacionados

Did this page answer your question?
Thank you — that goes to whoever maintains this page.