Implementación de PDP para Carousel

Last updated:
September 25, 2025
Help
Portal empresarial
Implementación de PDP para Carousel
Round Spanish flag with horizontal red and yellow stripes.
Español
Table of Contents
h2
Example H2
h3
Example H3
h4
Example H4
h5
Example H5
h6
Example H6

Carrusel dinámico de tamaño pequeño y mediano

Puedes insertar un carrusel dinámico debajo del botón Añadir al carrito de tus páginas de detalles del producto (PDP) utilizando cualquiera de las dos opciones Basado en SKU o basado en listas de reproducción integración. Esta guía lo guía a través de ambas opciones.

Pequeño carrusel dinámico - (Código personalizado: SKU o lista de reproducción)

Este carrusel es ideal para PDP y se puede incrustar directamente mediante código HTML. Puedes implementarlo usando el SKU del producto o una lista de reproducción fija.

Opción 1: Integración basada en SKU

Este método muestra vídeos de forma dinámica en función del SKU del producto que se está viendo.

Esto solo funcionará si tus vídeos están correctamente etiquetados con el SKU del producto.

<script async type="text/javascript" src="//asset.fwcdn3.com/js/embed-feed.js"></script>

<fw-embed-feed
channel="firework_depot»
sku= {{product.id}}
placement="middle»
player_placement="abajo a la derecha»
thumbnail_style="dinámico»
tamaño de atributo ="pequeño»
ui_asset_product_tag="ninguno»
>
</fw-embed-feed>

  • sku= {{product.id}}: Hace coincidir dinámicamente la ID del producto en PDP con los vídeos etiquetados
  • ui_asset_product_tag="ninguno»: oculta el icono del producto de las miniaturas para un diseño visual más limpio.
  • tamaño de atributo="pequeño»: Reduce el espacio visual para que quepa debajo del botón Añadir al carrito

Opción 2: Integración basada en listas de reproducción

  • Este método utiliza una lista de reproducción fija y muestra los mismos vídeos en todos los PDP.

<script async type="text/javascript" src="//asset.fwcdn3.com/js/embed-feed.js"></script>

<fw-embed-feed
channel="firework_depot»
Lista de reproducción = «OE8Bx5"
modo = «fila»
open_in="predeterminado»
max_videos="0"
placement="middle»
player_placement="abajo a la derecha»
thumbnail_style="dinámico»
tamaño de atributo ="pequeño»
</fw-embed-feed>>

pdp implement

Carrusel dinámico medio

Esto se puede agregar directamente a través del Personalizador de temas de Shopify. Simplemente selecciona el diseño y el tamaño del carrusel que desees en la configuración de Firework Embed, sin necesidad de insertar manualmente ningún código de incrustación.

pdp implement1

Carrusel de tamaño pequeño y mediano

Carrusel de tamaño pequeño

Puedes ajustar el tamaño del carrusel a un tamaño pequeño incorporando el size="pequeño» para un pequeño carrusel en el código HTML.

Opción 1: Integración basada en SKU

<script async type="text/javascript" src="//asset.fwcdn3.com/js/embed-feed.js"></script>

<fw-embed-feed
channel="firework_depot»
sku= {{product.id}}
placement="middle»
player_placement="abajo a la derecha»
tamaño ="pequeño»
ui_asset_product_tag="ninguno»
>
</fw-embed-feed>

Opción 2: Integración basada en listas de reproducción

‍<script async type="text/javascript" src="//asset.fwcdn3.com/js/embed-feed.js"></script>

<fw-embed-feed
channel="firework_depot»
Lista de reproducción = «OE8Bx5"
modo = «fila»
open_in="predeterminado»
max_videos="0"
placement="middle»
tamaño ="pequeño»
player_placement="abajo a la derecha»
</fw-embed-feed>>

small pdp

Carrusel de tamaño mediano

Esto se puede agregar directamente a través del Personalizador de temas de Shopify. Simplemente selecciona el diseño y el tamaño del carrusel que desees en la configuración de Firework Embed, sin necesidad de insertar manualmente ningún código de incrustación.

pdp medium