Personnalisation des modèles Order Printer

Vous pouvez créer et personnaliser jusqu’à 15 modèles pour l’appli Order Printer dans votre interface administrateur Shopify. Par défaut, l’appli Order Printer comprend deux modèles :

• Facture : une facture de base que vous pouvez envoyer à un client
• Bordereau d’expédition : un document à imprimer contenant l’adresse de votre boutique et l’adresse de livraison de votre client

Créer un nouveau modèle Order Printer

Pour créer un nouveau modèle Order Printer, vous devez bien connaître le HTML, le CSS et Liquid. L’assistance technique pour les thèmes Shopify peut vous aider à apporter des modifications mineures aux thèmes Shopify gratuits dans le cadre de la Politique de conception de Shopify. Si vous avez besoin de modifications plus complexes ou si vous utilisez un thème qui n’a pas été créé par Shopify, envisagez d’engager un Partenaire Shopify.

Étapes :

1. Depuis votre interface administrateur Shopify, allez à Applications > Order Printer (ancienne version).

2. Cliquez sur Gérer les modèles.

3. Cliquez sur Ajouter un modèle.

4. Saisissez un nom pour votre nouveau modèle dans le champ Nom.

5. Ajoutez du code HTML, CSS ou Liquid dans le champ Code pour créer votre modèle.

6. Lorsque vous avez terminé, cliquez sur Enregistrer.

Modifier un modèle Order Printer

Pour modifier vos modèles Order Printer, vous devez bien connaître le HTML, le CSS et Liquid. L’assistance technique pour les thèmes Shopify ne peut pas modifier vos modèles de manière approfondie, mais elle peut vous aider à apporter des modifications mineures aux thèmes Shopify gratuits dans le cadre de la Politique de conception de Shopify. Pour des modifications plus complexes, envisagez d’engager un Partenaire Shopify.

Étapes :

1. Depuis votre interface administrateur Shopify, allez à Applications > Order Printer (ancienne version).

2. Cliquez sur Gérer les modèles.

3. Cliquez sur le nom du modèle que vous souhaitez modifier.

4. Apportez vos modifications au modèle en ajoutant ou en modifiant du code HTML, CSS ou Liquid dans le champ Code. Pour afficher un aperçu d’exemples de personnalisations de modèles, consultez la section Exemples de personnalisations de modèles.

5. Lorsque vous avez terminé, cliquez sur Enregistrer.

Exemples de personnalisations de modèles

Les exemples suivants expliquent certaines manières courantes de personnaliser les modèles Order Printer :

• Ajouter votre logo aux modèles Order Printer
• Définir la largeur des tableaux à 100 %
• Afficher les vignettes de produits
• Ajouter les détails de la commande

Exemple : ajouter votre logo aux modèles Order Printer

Voici à quoi cela devrait ressembler dans le code HTML :

Exemple : définir la largeur des tableaux à 100 %

Pour que vos tableaux aient des bordures et s’étendent sur 100 % de la largeur, ajoutez une classe table-tabular à votre tableau :

<table class="table-tabular">
    ...
</table>

Exemple : afficher les vignettes de produits

Pour inclure des vignettes de produits, insérez ce code dans votre modèle :

{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}

Ajouter les détails de la commande

Vous pouvez ajouter les détails de la commande à vos modèles, tels que le nom, la quantité et le coût des articles achetés. Pour ajouter les détails de la commande à votre modèle :

1. Depuis votre interface administrateur Shopify, allez à Applications > Order Printer (ancienne version).

2. Cliquez sur Gérer les modèles.

3. Cliquez sur le nom du modèle que vous souhaitez modifier.

4. Utilisez les variables Liquid pour ajouter les détails de la commande et le code HTML pour ajouter une mise en forme. Par exemple, le code {{ line_item.price | money }} affiche le prix de l’article.

5. Lorsque vous avez terminé, cliquez sur Enregistrer.

Par exemple, Nyla souhaite modifier son modèle de bordereau d’expédition pour y inclure une liste des articles expédiés. Elle ajoute le code suivant au bas de son modèle de bordereau d’expédition dans l’application Order Printer :

<br>
<br>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if tax_lines.size > 0 %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>{{ line_item.price | money }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

Par conséquent, les bordereaux d’expédition de Nyla incluent maintenant un tableau qui répertorie les articles achetés.