Live preview des hooks

Le bouton “Aperçu live des hooks” est disponible sur toutes les pages principales : Accueil, Catalogue, Commandes.

Ce bouton 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.

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

A partir de la version 1.1.1, il est également possible de visualiser les positions des hooks même lors de la dernière phase de création d'une molécule (lors de la définition de sa position en front office) à travers le bouton de prévisualisation.

Il est possible d’activer le preview de hooks sur n’importe quelle page de votre site. Pour le faire il faut 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”.

À partir de la version 1.3.0 d’Atomic Suite vous pouvez prévisualiser la molécule dans le Front Office avant de la publier sur votre site. L’option “Preview” est disponible à la 3ème étape de création de la molécule et permet d’ouvrir rapidement la page en question avec la molécule affichée sur le hook sélectionné. Cette fonctionnalité n’est pas disponible pour la page de checkout et de confirmation de commande.