Lors de mises à jour d’une librairie du Design Sytem vous recevez une notification
- Review pour savoir de quoi il retourne, et éventuellement lire les commentaires ou click sur Component Update available, pour mettre à jour tous les modules concernés.
- Dismiss, pour faire la mise à jour ultérieurement.
Si vous refusez une mise à jour par erreur ou si vous souhaitez vérifier/forcer une mise à jour, l’onglet Assets, arborera un “•” Cliquez l’onglet, puis l’icône librairie lui aussi avec un point bleu indiquant une mise à jour, onglet update dans la fenêtre qui s’ouvre puis Update un ou All
Ces mises jours peuvent ne pas être visibles sur le template/Frame, si elles concernent des composants non ajoutés à la page.
Une notification non acceptée reviendra régulièrement
Composants de la librairie
À partir de la liste des Assets vous pouvez ajouter des modules
Les instances des composants email ont tous un préfixe du type mj-section-, mj-column, mj-image-, etc… il ne faut en aucun cas modifier ces préfixes.
Vous pouvez en revanche renommer le suffixe dans certains cas [nous y reviendrons] ou le compléter.
Variantes
La plupart des modules supportent des variantes et des propriétés
En sélectionnant un module, dans l’onglet propriétés, vous verrez :
- Son nom (et menu pour changer de composant)
- Sa documentation (show more)
- Une ou plusieurs menus de variantes
- Des listes de paramètres
et/ou des Switchs Booléens - Les … à droite du panneau permettent de Reset l’instance à son état d’origine, de tout ou partie de ses propriétés. Et de la détacher.
Ceci vous évite de modifier les couleurs de tous les éléments, juste pour basculer en fond noir, ou pour gérer un alignement, un nombre de lignes/colonnes prédéfini, de CTA, un affichage, etc…
Paramètres de l’instance
Chaque instance a également des paramètres modifiables
En sélectionnant une instance, dans l’onglet propriétés, vous verrez :
- Le comportement du layer (en cliquant sur l’oeil vous pouvez le masquer)
- Un bouton Show More Properties (mise à jour Nov 2022)
- Ce Bouton masque des propriétes que vous avez rarement besoin d’éditer sur certains modules pour simplifier le Panel, il affiche :
- Sa couleur et es couleurs qu’il contient (avec des styles prédéfinis)
- Des effets de calque (avec des styles prédéfinis)
- L’édition des bordures (avec des styles prédéfinis)
Instances
Les modules que vous utilisez sont en réalité des “instances”, une sorte d’alias du composant du Design Sytem. Cette relation fait :
- qu’une instance hérite des paramètres du composant original
- qu’une instance bénéficie des mises à jour du Design Sytem
- Les zones éditables sont définies vous pouvez en changer le contenu
Une instance ne doit pas être détachée (de son origine),
sous peine de :
Ne pas recevoir de mises à jour du Design Sytem
D’être modifiée de telle sorte qu’elle ne soit pas bien reconnue en Post-Production et requiert une adaptation du code au risque d’avoir un rendu non conforme sur certains clients email
Vous pouvez détacher une instance
Si vous souhaitez faire la maquette d’un module, par exemple, dans ce cas :
- Assurez-vous qu’il n’y a pas déjà un module plus adapté à votre besoin
ou qui peut l’être rapidement. - Dupliquer l’instance sur le Dashboard,
pour ne pas perturber le contenu de la Frame du mail, et détachez-la.
