> For the complete documentation index, see [llms.txt](https://atomic-suite.gitbook.io/atomic-suite/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://atomic-suite.gitbook.io/atomic-suite/documentation-atomic/documentation-utilisateur/animation-des-contenus-dans-atomic-suite/afficher-une-molecule/quest-ce-que-cest-emplacement-dans-le-front-office/comment-ajouter-une-molecule-dans-les-miniatures-de-produits.md).

# Dans une Miniature Produit

Vous pouvez [ajouter](broken://pages/-Mk2dZmBPXB84neydmNm#_yi4ahiunpeu1) une molécule dans les miniatures de produits. Il est recommandé de le faire directement via la page “Catalogue” > “Produits”.

![](https://3705992037-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fatomic-suite%2F-Mk2WAqyJkTZAseBnqFS%2F-Mk2dZmW9WzOpkKZyUGc%2F20.png?generation=1632148829918387\&alt=media)

Si une molécule est ajoutée dans les miniatures de produits elle sera affichée partout sur la boutique où les miniatures de produits sont présentes (ex: page d’accueil, catégories…).

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

* **displayProductListFunctionalButtons** : ce hook affiche de nouveaux éléments à côté du nom et de la description du produit sur les miniatures.
* **displayProductListReviews** : ce hook affiche les nouveaux éléments après le prix dans les miniatures des produits.

Vous pouvez également utiliser le bouton “[Aperçu live des hooks](/atomic-suite/documentation-atomic/documentation-utilisateur/animation-des-contenus-dans-atomic-suite/afficher-une-molecule/quest-ce-que-cest-un-hook/comment-acceder-au-live-preview-des-hooks.md)” pour avoir un aperçu rapide de la position réelle des hooks sur votre site web.

![](https://3705992037-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fatomic-suite%2F-Mk2WAqyJkTZAseBnqFS%2F-Mk2dZmXcHJ85qFZcXau%2F21.png?generation=1632148829920798\&alt=media)