Le composant « Conteneur d'articles » (disponible à partir de la liste des composants dynamiques) est spécifiquement utilisé pour les templates. Le contenu est modifiable (à partir d'Express ou de l'API de diffusion). Ces conteneurs contiendront les articles affichés dans l'e-mail, généralement un bulletin d'informations. Lorsqu'un e-mail est créé sur la base de ce template, dans Express ou via l'API de diffusion (service web SOAP), l'utilisateur peut saisir plusieurs articles et définir le contenu de chacun d'eux : image, texte, hyperlien, etc. Pour chaque article, des valeurs peuvent également être transmises via l'API de diffusion. Les conteneurs d'articles permettent d'inclure, de façon dynamique, des articles dans l'e-mail créé à partir de ce template, dans Express ou via l'API de diffusion, mais avec la même mise en page pour chaque article. Chaque article présent dans le conteneur aura la même mise en page que pour un conteneur d'articles standard. L'option « Visualisations » vous permet de modifier l'aspect d'un article dans le conteneur d'articles.
Dans l'exemple ci-dessous, un conteneur d'articles FAVORIS HEBDOMADAIRES ayant un filtre 3 PREMIERS est utilisé pour afficher les 3 premiers favoris hebdomadaires dans un bulletin d'informations hebdomadaire. Les articles ajoutés dans Express sont stockés dans une liste d'articles et les champs sont utilisés dans la mise en page du conteneur d'articles pour déterminer le contenu de chaque article (ITEM.NAME, ITEM.SALES_PRICE, etc.). Le conteneur d'articles a également une option « Mise en page sous forme de tableau » pour afficher les 3 articles l'un à côté de l'autre.
Le résultat s'affiche comme suit :
Remarque sur les sections en-tête et pied de page
Les sections « En-tête » et « Pied de page » peuvent afficher du contenu au-dessus ou en dessous de tous les articles, d'un titre ou d'autres informations communes. La section « Élément » contient les différents articles.
Vous devez encore créer un code approprié. Vous ne pouvez pas commencer un tableau dans la section « En-tête » (DIV MAHEADER), répéter les lignes du tableau dans la section « Élément » (DIV MAITEM) et fermer le tableau dans la section « Pied de page » (DIV MAFOOTER). Ce code HTML est inapproprié car les éléments HTML ne sont pas correctement imbriqués. Cela interrompra la mise en page si vous créez un nouvel e-mail à partir du template Express. Créez les tableaux dans les sections (balises DIV) afin que tout soit au bon format.
Mauvais codage :
<div id="MACONTAINER" maconstraint="" macontenteditable="FALSE" maparameter="MANUAL_PRODUCTS" matype="">
<div id="MAHEADER" macontenteditable="true">
<table><tr><td>General title</td></tr>
</div>
<div id="MAITEM" macontenteditable="true">
<tr><td>Article content</td></tr>
</div>
<div id="MAFOOTER" macontenteditable="true">
<tr><td>content below the articles</td></tr></table>
</div>
<div id="MANOMATCH" macontenteditable="true"></div>
</div>
Bon codage :
<div id="MACONTAINER" maconstraint="" macontenteditable="FALSE" maparameter="MANUAL_PRODUCTS" matype="">
<div id="MAHEADER" macontenteditable="true">
<table><tr><td>General title</td></tr></table>
</div>
<div id="MAITEM" macontenteditable="true">
<table><tr><td>Article content</td></tr></table>
</div>
<div id="MAFOOTER" macontenteditable="true">
<table><tr><td>content below the articles</td></tr></table>
</div>
<div id="MANOMATCH" macontenteditable="true"></div>
</div>
Voici une exemple d'utilisation d'un conteneur d'articles.
