# Modifier l’ordre d'affichage des molécules
Si vous ajoutez plusieurs molécules au même endroit, vous pouvez avoir besoin de modifier leur ordre d’affichage.
### 1 - Les molécules sont "soeurs", enfants d'une même molécule parente
Une fois que la position des molécules modifiée, celle-ci sera changée en Front Office.
{% hint style="info" %}
La nouvelle position des molécules n'apparaitra dans l'arbre de molécules qu'au rechargement de la page
{% endhint %}
### 2 - Une molécule et un module sont greffés sur le même hook.
Dans certains cas, vous aurez besoin de changer l'ordre d'affichage du contenu ajouté via Atomic et celui ajouté par un autre module.
Ce changement peut être effectué via les configurations de PrestaShop , dans Apparence > Positions
Il suffit de chercher le nom du hook et changer la position avec drag and drop.
### 3 - Plusieurs molécules principales sont placées sur le même hook
Il faut alors accéder à la page de configuration correspondante (Accueil, Structure des pages, Catalogue) et procéder au déplacement des molécules entre elles au sein du hook.
Certaines molécules sont affichées sur toutes les pages du Front Office, en étant placée sur un hook présent partout. Par défaut, la modification de la position effectuée via une des pages du BO sera appliquée sur les autres pages.
{% hint style="info" %}
**Il existe une exception** : si la liste des molécules d'un hook a été modifiée pour un des emplacements, le nouvel ordre d’affichage ne sera appliqué qu’à la page en question.
*Exemple :*
*Les éléments du footer sont ajoutés via 2 molécules sur l’emplacement “Structure des pages”, hook* displayFooter*. Ces 2 molécules sont affichées sur toutes les pages Emplacement du Back Office (Structure des pages, Accueil, Produits…) au niveau du hook* displayFooter*. Si vous modifiez l’ordre d’affichage des ces molécules sur la page Produits, cette modification sera appliquée à toutes les pages.*
*Plus tard, vous créez une molécule supplémentaire dans le hook* displayFooter *pour les pages Produits uniquement. Maintenant si vous changez la position des molécules via la page Produits ce changement ne s'appliquera qu'aux pages Produits. De la même manière, si vous changez la position des molécules via la page “Structure des pages”, la modification sera appliquée partout sauf sur les pages Produits.*
{% endhint %}
### 4 - Les molécules sont ajoutées sur deux hooks différents affichés l’un à côté de l’autre.
Changer de hook d’une molécule pour que toutes les molécules soient associées au même hook, puis modifier l'ordre d’affichage à l’intérieur du hook (voir #3)
---
# 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/comment-modifier-lordre-daffichage-des-molecules.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.