Sur une fiche Produit

Si vous souhaitez ajouter une molécule sur des pages Produits, il est conseillé de le faire directement via la page “Catalogue” > “Produits”.

Cette page vous propose un visuel interactif à gauche. Une fois que vous avez cliqué sur l'élément sélectionné, le hook correspondant s'ouvre dans la colonne de droite. Vous pouvez ajouter une nouvelle molécule sur le hook sélectionné en cliquant sur le bouton "Créer une nouvelle molécule".

Atomic Suite By 202 > Animation de Contenu > Catalogue > Onglet "Produits"

Plusieurs hooks sont disponibles pour gérer l’affichage d’une molécule sur les fiches produit :

• displayAfterProductThumbs : ce hook affiche de nouveaux éléments sous les images de produits ex. médias supplémentaires.

• displayFooterProduct : ce hook ajoute de nouveaux blocs sous la description du produit.

• displayReassurance : ce hook affiche les nouveaux éléments à côté des actions du produit (par exemple, le bouton "Ajouter au panier") sur le côté droit des pages du produit.

• displayProductActions : ce hook permet d’afficher des éléments supplémentaires à côté du bouton “Ajouter au panier”.

• displayProductAdditionalInfo : ce hook ajoute des informations supplémentaires sur la page produit au-dessous de la description.

Vous pouvez également utiliser le bouton “Aperçu live des hooks” pour avoir un aperçu rapide de la position réelle des hooks sur votre site web.