Implémentation du PDP pour Carousel

Carrousel dynamique de petite et moyenne taille

Vous pouvez intégrer un carrousel dynamique sous le bouton Ajouter au panier sur les pages détaillées de vos produits (PDP) en utilisant l'une ou l'autre Basé sur le SKU ou basé sur une playlist intégration. Ce guide vous explique les deux options.

Petit carrousel dynamique - (Code personnalisé — SKU ou playlist)

Ce carrousel est idéal pour les PDP et peut être intégré directement via du code HTML. Vous pouvez l'implémenter à l'aide du SKU du produit ou d'une liste de lecture fixe.

Option 1 : intégration basée sur le SKU

Cette méthode affiche les vidéos de manière dynamique en fonction du SKU du produit visualisé.

Cela ne fonctionnera que si vos vidéos sont correctement étiquetées avec le SKU du produit.

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

<fw-imbriqued-feed
channel="firework_depot »
sku= {{product.id}
placement="middle »
player_placement="en bas à droite »
thumbnail_style="dynamique »
taille de l'attribut ="small »
ui_asset_product_tag="aucun »
>
</fw-embed-feed>

• sku= {{product.id}: fait correspondre dynamiquement l'identifiant du produit sur PDP aux vidéos balisées
• ui_asset_product_tag="aucun »: masque l'icône du produit dans les vignettes pour une mise en page visuelle plus claire.
• taille de l'attribut = « petit »: réduit l'empreinte visuelle pour qu'elle s'insère en dessous du bouton Ajouter au panier

Option 2 : Intégration basée sur les listes de lecture

• Cette méthode utilise une playlist fixe et affiche les mêmes vidéos sur tous les PDP.

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

<fw-imbriqued-feed
channel="firework_depot »
Playlist « OE8Bx5 »
mode = « ligne »
open_in="par défaut »
max_videos="0"
placement="middle »
player_placement="en bas à droite »
thumbnail_style="dynamique »
taille de l'attribut ="small »
</fw-embed-feed>>

Carrousel dynamique moyen

Cela peut être ajouté directement via le personnalisateur de thème Shopify. Sélectionnez simplement la disposition et la taille du carrousel souhaitées dans les paramètres Firework Embed. Il n'est pas nécessaire d'insérer manuellement de code intégré.

Carrousel de petite et moyenne taille

Carrousel de petite taille

Vous pouvez ajuster la taille du carrousel à petite taille en incorporant le size = « petit » pour un petit carrousel dans le code HTML.

Option 1 : intégration basée sur le SKU

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

<fw-imbriqued-feed
channel="firework_depot »
sku= {{product.id}
placement="middle »
player_placement="en bas à droite »
taille = « petit »
ui_asset_product_tag="aucun »
>
</fw-embed-feed>

Option 2 : Intégration basée sur les listes de lecture

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

<fw-imbriqued-feed
channel="firework_depot »
Playlist « OE8Bx5 »
mode = « ligne »
open_in="par défaut »
max_videos="0"
placement="middle »
taille = « petit »
player_placement="en bas à droite »
</fw-embed-feed>>

Carrousel de taille moyenne

Cela peut être ajouté directement via le personnalisateur de thème Shopify. Sélectionnez simplement la disposition et la taille du carrousel souhaitées dans les paramètres Firework Embed. Il n'est pas nécessaire d'insérer manuellement de code intégré.