# Les Molécules Dans l'écosystème d'Atomic Suite, une molécule représente un contenu élémentaire d’un site web. Grâce aux molécules et au système de gestion du contenu “atomic”, vous pouvez ajouter une liste de produits, une bannière, un texte et plusieurs autres types de contenu sur votre boutique. Les molécules disposent de paramètres vous permettant de créer une boutique avec votre propre design ! Atomic Suite vous propose une [bibliothèque de molécules](/atomic-suite/documentation-atomic/documentation-utilisateur/animation-des-contenus-dans-atomic-suite/liste-de-molecules.md) pour gérer le contenu de votre site. Vous pouvez ajouter plusieurs molécules via le système d’animation du contenu “Atomic”. Lors de la création d’une molécule, le choix de la page et de son emplacement ([hook](/atomic-suite/documentation-atomic/documentation-utilisateur/animation-des-contenus-dans-atomic-suite/afficher-une-molecule/quest-ce-que-cest-un-hook.md)) sera proposé pour gérer l’affichage de cette molécule. Il est possible d'afficher une molécule sur plusieurs types de pages (Home, Produits, Catégories…). Celle-ci peut être affichée directement en Front Office en la greffant sur un hooks ou peut être ajoutée via des widgets dans le template du thème. Les hooks de PrestaShop sont nombreux et permettent de profiter de plusieurs options d’affichage sur les pages dans le Front Office. Comme vos besoins peuvent être très divers et variés, il est possible de gérer des conditions d’affichage (ex: limiter l’affichage d’une molécule dans le [temps ](/atomic-suite/documentation-atomic/documentation-utilisateur/animation-des-contenus-dans-atomic-suite/afficher-une-molecule/affichage-conditionnel/gerer-laffichage-temporaire-dune-molecule.md)ou [par type de page](/atomic-suite/documentation-atomic/documentation-utilisateur/animation-des-contenus-dans-atomic-suite/afficher-une-molecule/affichage-conditionnel/comment-limiter-laffichage-dune-molecule-a-certaines-pages.md)). Toutes ces fonctionnalités sont désormais présentes dans “Atomic suite by 202” et vous permettent d’être autonome au niveau de la gestion du contenu de votre boutique. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://atomic-suite.gitbook.io/atomic-suite/documentation-atomic/documentation-utilisateur/animation-des-contenus-dans-atomic-suite.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.