Créer une molécule
Last updated
Last updated
La meilleure solution est de passer par le menu Atomic Suite by 202 > Animation de contenu > Créer une nouvelle molécule. Cette option vous permet de créer une molécule en 3 étapes.
Cette option est idéale si vous avez déjà choisi où afficher votre nouvelle molécule.
Sur chaque page se trouve une représentation visuelle et interactive des principaux éléments de cette page. En cliquant sur un élément, l'accordéon du hook correspondant s'ouvre dans la colonne de droite. Vous pouvez alors ajouter une nouvelle molécule sur ce hook. Si certaines molécules existent déjà, elles seront listées ici (et leur nombre est affiché entre parenthèses).
C'est ici que l'on procède à la modification de l'ordre d'affichage entre plusieurs molécules principales.
Vous pouvez cliquer sur la molécule choisie ou saisir son nom dans le champ de texte et elle sera automatiquement sélectionnée.
Les champs obligatoires sont indiqués par une astérisque rouge.
Sélectionnez un ou plusieurs emplacements dans le Front Office et les hooks correspondants.
Spécifiez les règles d'affichage conditionnel si nécessaire
À partir d’Atomic 1.3.0 vous pouvez prévisualiser la molécule dans le Front Office avant de la publier sur votre site, grâce au bouton “Prévisualisation” présent sur la 3ème étape de création de la molécule. Cette option permet d’ouvrir 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.
Une fois que toutes les configurations sont ajoutées vous serez redirigé vers une page récapitulative avec la liste des actions possibles :
Modifier la molécule
Accéder à l’emplacement sélectionné pour modifier la position de la molécule
Accéder à toutes les molécules
Créer une molécule enfant (optionnel, ex : ajout des slides dans le carrousel)
Copier le code du widget (présent uniquement si l’affichage via un hook est désactivé)