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.

La nouvelle position des molécules n'apparaitra dans l'arbre de molécules qu'au rechargement de la page

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.

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.

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)