Afficher les hooks disponibles

Cette fonctionnalité permet d’avoir un aperçu rapide de la position réelle des hooks sur votre site web. Les hooks qui contiennent déjà des molécules sont indiqués en vert. Voici les trois façons d'accéder à cette fonctionnalité.

Exemple : le Mega menu est ajouté via le hook displayNavFullWidth.

Le bouton “Aperçu live des hooks”

Il est disponible sur les pages principales : Structure des pages, Accueil, Catalogue, Commandes.

Atomic Suite By 202 > Animation de Contenu > Accueil

Lors de la création d'une molécule

Depuis Atomic 1.1.1, un autre bouton de prévisualisation se situe à la dernière étape de création d'une molécule, juste à côté de la liste déroulante des hooks.

Atomic Suite By 202 > Animation de Contenu > Ajouter une nouvelle molécule > Etape 3 ou Atomic Suite By 202 > Animation de Contenu > Toutes les molécules > Modifier > Onglet "Affichage en Front Office"

Depuis le Front Office

On peut aussi activer le preview de hooks manuellement sur n’importe quelle page du site. Il suffit d'ajouter ?displayHooks à la fin de l’URL.

Exemple : https://votresite.com/en/contact-us?displayHooks permet d’accéder à l’aperçu live des hooks disponibles sur la page “Contactez-nous”.