Créer des champs personnalisés contenant des molécules (bêta)

Atomic 2.1 introduit la possibilité d'ajouter des champs personalisés pour les produits, marques et pages CMS.

Pour plus d'informations concernant les changements introduits dans la version 2.1 d'Atomic, voir les release notes.

Comme indiqué dans le titre de cet article, cette fonctionnalité est encore au stade bêta. Nous travaillons actuellement à son l'amélioration, notamment concernant les formulations & traductions des libellés des champs de configuration pour rendre le processus plus clair et intuitif.

Ci-dessous, vous trouverez les étapes pour créer un champ personnalisé pour une page produit.

Configuration du champ côté Atomic

Ajouter un nouveau type de champ dans le menu "Configuration", onglet "Champs de molécules"

Remplir les champs : "display field direction" permet de sélectionner si on veut afficher le nouveau champ au-dessus ou en-dessous du champ sélectionné; les champs "is listing presenter" et "is object presenter" permet de décider si la nouvelle variable sera disponible dans les infos produits sur les pages catégories et / ou parmis les informations de la page produit

Une fois le champ configuré, on peut éditer son contenu depuis chaque page produit et y ajouter du contenu. Ici, le champ contient une simple molécule Alerte.

Configuration de la molécule

En choisissant "edit" ou "add" on retombe sur une page de configuration de molécule Atomic classique.

Le bouton "accéder aux préférences de l'objet lié" permet de retourner sur la page produit à laquelle le nouvel arbre de molécules est rattaché

Affichage en front-office

Pour l'instant, il n'est pas encore possible d'afficher ces nouveaux champs en front-office sans intervention d'un développeur front. Il faut donc que le chef de projet sollicite le développeur du projet pour ajouter la variable créée grâce au champ "Name (technical)" dans le template correspondant.