Tableau des articles de commande

Copier la page

Affichez les produits d'une commande sous forme de tableau dans votre e-mail transactionnel, avec les images, les quantités, les prix et les totaux.

Le bloc « Tableau des articles de commande » répertorie les produits d'une commande : image, titre, variante, quantité et prix par ligne, ainsi que les totaux tels que le sous-total, les frais de port et le total.

Ajoutez le bloc

Dans l'éditeur visuel, ouvrez « Blocks » et ajoutez le tableau « Articles ». L'application remplit les « Test Variables » avec des exemples d'articles afin que vous puissiez voir le tableau immédiatement.

Le bloc d'articles sélectionné dans le générateur visuel, avec son mappage de champs — Le bloc des articles et ses paramètres : quelle variable contient les articles et quels champs remplissent les colonnes.

Veuillez envoyer les articles provenant du site Shopify Flow

Le tableau s'itère sur une liste figurant dans vos variables Shopify Flow, variables.line_items par défaut. Ouvrez la carte « Utilisation dans » de la mise en page Shopify Flow et copiez le code JSON : celui-ci contient déjà la boucle Shopify Flow qui génère la liste à partir de la commande, par exemple :

"line_items": [{% for li in order.lineItems %}{"title": {{ li.title | json }}, "variant": {{ li.variantTitle | json }}, "quantity": {{ li.quantity }}, "price": {{ li.originalUnitPriceSet.shopMoney.amount | json }}, "image": {{ li.image.url | json }}}{% unless forloop.last %},{% endunless %}{% endfor %}]

Collez-le dans le champ « Variables (JSON) » de l'action « Envoyer un e-mail transactionnel ».

Paramètres

Contexte	Fonctionnalités
Liste	D'où proviennent ces éléments ? `variables.line_items`, à moins que vous ne le renommiez.
Afficher les images	Ajoute la colonne « Image du produit »
Noms des champs	Parmi les propriétés de chaque article, lesquelles sont le titre, la variante, la quantité, le prix et l'image ?
En-têtes de colonnes	Les libellés au-dessus des colonnes, traduisibles dans chaque langue
Totaux	Les lignes sous le tableau comportent chacune une étiquette et une valeur, par exemple `{{ variables.total }}`. Une ligne dont la valeur est vide n'est pas prise en compte.

Les intitulés des produits et les autres informations issues des commandes s'affichent sous forme de texte brut ; ainsi, un intitulé contenant du code HTML ou Liquid s'affiche exactement tel quel et ne modifie en aucun cas votre e-mail.