Personnalisation des modèles d'Order Printer
Vous pouvez créer et personnaliser jusqu'à 15 modèles pour l'application Order Printer dans votre interface administrateur Shopify. Par défaut, l'application Order Printer comprend deux modèles :
- Invoice (Facture) : une facture de base que vous pouvez envoyer à un client
- Packing slip (Bordereau d’expédition) : une version imprimée de l'adresse de votre boutique et de l'adresse d'expédition de votre client
Sur cette page
Créer un nouveau modèle Order Printer
Pour créer un nouveau modèle Order Printer, il est nécessaire de connaître les langages HTML, CSS et Liquid. L'assistance pour les thèmes Shopify peut vous aider à apporter des modifications mineures dans le cadre de la politique en matière de conception de Shopify.
Étapes :
Dans votre interface administrateur Shopify, cliquez sur Paramètres > Applications et canaux de vente.
Cliquez sur Order Printer pour ouvrir l'application.
Cliquez sur Gérer les modèles.
Cliquez sur Ajouter un modèle.
Saisissez un nom pour votre modèle dans le champ Name (Nom).
Insérez le code HTML, CSS ou Liquid dans le champ Code pour créer votre modèle.
Quand vous avez terminé, cliquez sur Enregistrer.
Modifier un modèle Order Printer
Pour modifier un modèle Order Printer, vous devez connaître le HTML, le CSS et Liquid. L'assistance pour les thèmes Shopify peut vous aider à apporter des modifications mineures dans le cadre de la politique en matière de conception de Shopify.
Étapes :
Dans votre interface administrateur Shopify, cliquez sur Paramètres > Applications et canaux de vente.
Cliquez sur Order Printer pour ouvrir l'application.
Cliquez sur Gérer les modèles.
Cliquez sur le nom du modèle que vous souhaitez modifier.
Apportez vos changements au modèle en ajoutant ou en modifiant le code HTML, CSS ou Liquid dans le champ Code. Pour prévisualiser des exemples de modèles personnalisés, consultez la section Exemples de personnalisations de modèles.
Quand vous avez terminé, cliquez sur Enregistrer.
Exemples de personnalisations de modèles
Les exemples suivants illustrent des façons courantes de personnaliser les modèles Order Printer :
- Ajouter votre logo à des modèles Order Printer
- Définir la largeur des tableaux sur 100 %
- Afficher des vignettes de produits
- Ajouter les détails de la commande
Exemple : ajouter votre logo aux modèles Order Printer
- Depuis votre interface administrateur Shopify, allez à Contenu > Fichiers.
- Cliquez sur Mettre en ligne les fichiers et sélectionnez le fichier de l’image sur votre ordinateur.
- Sur la page Fichiers, recherchez le fichier téléchargé et cliquez sur Copier l’URL.
- Depuis votre interface administrateur Shopify, cliquez sur Paramètres > Applications et canaux de vente.
- Cliquez sur Order Printer pour ouvrir l'application.
- Cliquez sur Gérer les modèles.
- Cliquez sur le nom du modèle que vous souhaitez modifier.
- Saisissez l'extrait de code suivant dans votre modèle à l'endroit où vous souhaitez que votre logo apparaisse :
<img src="your-image-URL">
- Remplacez
your-image-URL
par l’URL de l’image que vous avez copiée. Selon l’emplacement désiré pour votre logo, vous devrez peut-être ajouter une balise<br/>
pour insérer un saut de ligne avant ou après votre image.
- Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
- Dans la section Paramètres de la boutique, appuyez sur Fichiers.
- Appuyez sur Importer les fichiers et sélectionnez le fichier image sur votre ordinateur.
- Sur la page Fichiers, recherchez le fichier importé et appuyez sur Copier l’URL.
- Depuis votre interface administrateur Shopify, appuyez sur Paramètres > Applications et canaux de vente.
- Appuyez sur Order Printer pour ouvrir l’application.
- Appuyez sur Gérer les modèles.
- Appuyez sur le nom du modèle que vous souhaitez modifier.
- Saisissez l'extrait de code suivant dans votre modèle à l'endroit où vous souhaitez que votre logo apparaisse :
<img src="your-image-URL">
- Remplacez
your-image-URL
par l'URL de l'image que vous avez copiée. Selon l'emplacement désiré pour votre logo, vous devrez peut-être ajouter une balise<br/>
pour insérer un saut de ligne avant ou après votre image.
- Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
- Dans la section Paramètres de la boutique, appuyez sur Fichiers.
- Appuyez sur Importer les fichiers et sélectionnez le fichier image sur votre ordinateur.
- Sur la page Fichiers, recherchez le fichier importé et appuyez sur Copier l’URL.
- Depuis votre interface administrateur Shopify, appuyez sur Paramètres > Applications et canaux de vente.
- Appuyez sur Order Printer pour ouvrir l’application.
- Appuyez sur Gérer les modèles.
- Appuyez sur le nom du modèle que vous souhaitez modifier.
- Saisissez l'extrait de code suivant dans votre modèle à l'endroit où vous souhaitez que votre logo apparaisse :
<img src="your-image-URL">
- Remplacez
your-image-URL
par l'URL de l'image que vous avez copiée. Selon l'emplacement désiré pour votre logo, vous devrez peut-être ajouter une balise<br/>
pour insérer un saut de ligne avant ou après votre image.
Voici à quoi doit ressembler le code HTML :
Exemple : définir la largeur des tableaux sur 100 %
Pour que vos tableaux aient des bordures et s'étendent à une largeur de 100 %, ajoutez une classe table-tabular
à votre tableau :
Exemple : affichez des vignettes de produits
Pour inclure des vignettes des produits, insérez le code suivant dans votre modèle :
Ajouter les détails de la commande
Il est possible d'ajouter des détails de la commande à vos modèles, tels que le nom, la quantité et le prix des articles achetés. Ajouter des détails de commande à vos modèles :
Dans votre interface administrateur Shopify, cliquez sur Paramètres > Applications et canaux de vente.
Cliquez sur Order Printer pour ouvrir l'application.
Cliquez sur Gérer les modèles.
Cliquez sur le nom du modèle que vous souhaitez modifier.
Utilisez des variables Liquid pour ajouter des détails de commande, et du code HTML pour le format. Par exemple,
{{ line_item.price | money }}
permet d'imprimer le prix de l'article.Quand vous avez terminé, cliquez sur Enregistrer.
Par exemple, Nyla souhaite modifier son modèle de bordereau d'emballage pour inclure une liste des articles à expédier. Elle ajoute le code suivant en bas de son modèle Packing slip
dans l'application Order Printer :
En conséquence, les bordereaux d’expédition de Nyla incluent désormais un tableau répertoriant les articles achetés.