Modifier l’ordre d'affichage des molécules

Si vous ajoutez plusieurs molécules dans le même endroit, vous pouvez avoir besoin de modifier l’ordre d’affichage des molécules.

Il peut y avoir 3 cas possibles :

1 - Les molécules sont ajoutées sur deux hooks différents qui s’affichent l’un à côté de l’autre.

Solution :

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 #2)

2 - Les molécules sont ajoutées sur le même hook et vous avez besoin de modifier leur ordre d’affichage.

Solution :

Le drag’n’drop permet de modifier les positions des molécules à l’intérieur de chaque hook pour chaque type d’emplacement dans le Front Office.

Une fois que la position des molécules modifiée, celle-ci sera changée en Front Office.

Certaines molécules sont affichées sur toutes les pages du front Office et du Back Office. Par défaut, la modification de la position effectuée via une des pages du BO sera appliquée sur les autres pages. Cependant il existe une exception : si la liste des molécules ajoutée sur un hook a été modifiée pour un des emplacements, la modification de l’ordre d’affichage des molécules ne sera appliquée 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. Par conséquent, ces 2 molécules sont affichées sur toutes les pages 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. Une semaine plus tard, vous ajoutez 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 sera effectué que pour les 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 sur toutes les pages sauf la page Produits.

3 - Changer l’ordre d’affichage des éléments dans le Front Office si une molécule et un module sont greffés sur le même hook.

Solution :

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 :

• Allez dans “Apparence” > “Positions”

• Retrouver le hook en question

• Changer la position avec le drag’n’drop.