Personnalisation des bordereaux d'emballage

Vous pouvez personnaliser le modèle de vos bordereaux d'emballage. Modifier le modèle vous permet d'ajouter des éléments de votre marque et de changer l'apparence du bordereau d'emballage.

Modifier l’adresse de la boutique

Si vous souhaitez modifier ou changer l'adresse de votre boutique, vous pouvez aller à Paramètres > Informations sur la boutique et modifier les informations de votre boutique.

Si vous souhaitez modifier uniquement l'adresse figurant sur vos bordereaux d'emballage, suivez les étapes ci-dessous.

Étapes

1. Dans votre interface administrateur Shopify, allez à Paramètres > Expédition et livraison.

2. Dans la section Bordereaux d'emballage, cliquez sur Modifier.

3. Recherchez la variable liquid {{ shop_address.summary }} qui référence l’adresse de votre boutique. Si vous ne trouvez pas cette variable, essayez celle suivante :

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}

1. Surlignez ce code et supprimez-le.
2. Tapez l’adresse que vous voulez inscrire sur vos bordereaux d’expédition dans cet espace vide. Par exemple, vous pouvez taper votre adresse de manière à ce qu’elle apparaisse comme ceci :123 Example Street, New York, NY, 10000, United States
3. Cliquez sur Aperçu du modèle pour voir vos modifications.
4. Cliquez sur Save (Enregistrer).

Supprimer des images de produits

Vous pouvez supprimer les images de produits qui apparaissent à côté des titres de produits sur vos bordereaux d’emballage.

Étapes

1. Dans votre interface administrateur Shopify, allez à Paramètres > Expédition et livraison.

2. Dans la section Bordereaux d'emballage, cliquez sur Modifier.

3. Recherchez les variables Liquid suivantes qui référencent vos images de produits :

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}

1. Surlignez ce code et supprimez-le.

2. Cliquez sur Aperçu du modèle pour voir vos modifications.

3. Cliquez sur Save (Enregistrer).

Modifier le logo

Avant d'ajouter le logo de votre boutique sur vos bordereaux d'emballage, vous devez le télécharger sur votre interface administrateur Shopify. Vous avez besoin de l'URL attribuée à votre fichier pour vos bordereaux d'emballage.

Une fois votre logo téléchargé sur votre boutique, vous pouvez ajouter votre logo et supprimer le nom de votre boutique, ajouter votre logo au-dessus du nom de votre boutique, ou encore ajouter votre logo à côté du nom de votre boutique.

Étapes

1. Depuis votre interface administrateur Shopify, allez à Contenu > Fichiers.

2. Cliquez sur Mettre en ligne des fichiers.

3. Sélectionnez et téléchargez le logo de votre boutique depuis votre appareil.

4. Copiez l'URL du fichier lorsque le téléchargement est terminé.

Ajouter un logo et supprimer le nom de la boutique

Vous pouvez supprimer le nom de votre boutique et le remplacer par son logo au sommet de vos bordereaux d'emballage.

Étapes

1. Dans votre interface administrateur Shopify, allez à Paramètres > Expédition et livraison.

2. Dans la section Bordereaux d'emballage, cliquez sur Modifier.

3. Recherchez le code suivant qui référence le nom de votre boutique :

<p class="to-uppercase">
  {{ shop.name }}
</p>

1. Surlignez ce code et supprimez-le.
2. Dans l'espace que vous avez créé, écrivez le code suivant et collez l'URL copiée à l'endroit indiqué :

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">

1. Sélectionnez Aperçu du modèle pour voir vos modifications.
2. Cliquez sur Save (Enregistrer).

Ajouter un logo au-dessus du nom de la boutique

Si vous souhaitez ajouter votre logo au-dessus du nom de votre boutique au sommet de vos bordereaux d’emballage, suivez les étapes ci-dessous.

Étapes

1. Dans votre interface administrateur Shopify, allez à Paramètres > Expédition et livraison.

2. Dans la section Bordereaux d'emballage, cliquez sur Modifier.

3. Recherchez la variable Liquid suivante qui référence le nom de votre boutique et insérez un saut de ligne entre les deux lignes :

<div class="shop-title">
      |
      <p class="to-uppercase">

1. Dans l'espace que vous avez créé, écrivez le code suivant et collez l'URL copiée à l'endroit indiqué :

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>

1. Sélectionnez Aperçu du modèle pour voir vos modifications.
2. Cliquez sur Save (Enregistrer).

Ajouter un logo à côté du nom de la boutique

Si vous souhaitez ajouter votre logo à côté du nom de votre boutique au sommet de vos bordereaux d’emballage, suivez les étapes ci-dessous.

Étapes

1. Dans votre interface administrateur Shopify, allez à Paramètres > Expédition et livraison.

2. Dans la section Bordereaux d'emballage, cliquez sur Modifier.

3. Recherchez la variable Liquid suivante qui référence le nom de votre boutique :

<p class="to-uppercase">
{{ shop.name }}
</p>

1. Surlignez ce code et supprimez-le.
2. Dans l'espace que vous avez créé, écrivez le code suivant et collez l'URL copiée à l'endroit indiqué :

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<span class="to-uppercase">
  {{ shop.name }}
</span>

1. Recherchez les variables Liquid suivantes :

.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}

1. Ajoutez une nouvelle ligne à la fin des variables répertoriées ci-dessus et collez le code suivant :

.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}

1. Sélectionnez Aperçu du modèle pour voir vos modifications.
2. Cliquez sur Save (Enregistrer).

Mettre en forme des bordereaux d’emballage à l’aide de CSS

Conseil

Styliser vos modèles avec du langage CSS nécessite une connaissance avancée d'HTML et de CSS.

Vous pouvez personnaliser votre bordereau d’emballage à l’aide des fichiers CSS que vous mettez en ligne sur Shopify. Les fichiers CSS hébergés en dehors de Shopify ne seront pas correctement rendus.

Étapes

1. Depuis votre interface administrateur Shopify, allez à Contenu > Fichiers.

2. Cliquez sur Mettre en ligne des fichiers.

3. Sélectionnez et mettez en ligne votre fichier CSS.

4. Copiez l'URL du fichier lorsque le téléchargement est terminé.

5. Incluez le code suivant :

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>