Éditeur de code de reçu imprimé

Vous pouvez personnaliser vos reçus imprimés à l’aide de l’éditeur de code de votre administrateur Shopify. Avec l’éditeur de code, vous pouvez créer des personnalisations plus avancées en HTML, CSS et Liquid qu’avec l’éditeur visuel.

Vous pouvez modifier le modèle de reçu et les modèles de section utilisés sur vos reçus imprimés. Les fichiers de modèles de reçus sont les types de reçus que vous pouvez imprimer dans votre boutique. Les sections sont des parties des reçus, telles que l’en-tête ou le pied de page. Plusieurs reçus peuvent réutiliser les sections.

Sur cette page

Considérations relatives à l'utilisation de l'éditeur de code de reçu

Avant d’utiliser l’éditeur de code de reçu, tenez compte de ce qui suit :

Vous ne pouvez utiliser l'éditeur de code qu'à partir de l'interface d'administration de Shopify sur le bureau.
Les modifications apportées au code s’appliquent à tous les emplacements de PDV Pro. Toutefois, vous pouvez ajouter des états pour afficher les personnalisations d’emplacements spécifiques. En savoir plus sur l’utilisation des balises de contrôle de flux avec Liquid.
Lorsque vous passez à l’éditeur de code, vous ne pouvez pas personnaliser votre modèle de reçu à partir de l’application Shopify PDV. Avec le forfait d’abonnement PDV Pro, vous pouvez toujours ajuster vos options d’impression à partir de l’application Shopify PDV à partir des emplacements.
Les personnalisations dans l’éditeur de code s’appliquent uniquement aux emplacements de PDV Pro. Si vous utilisez l'éditeur de code et que vous avez des PDV Lite, vous pouvez utiliser l'éditeur visuel pour personnaliser l'en-tête et le pied de page de vos points de vente Lite.
Les fichiers qui constituent vos reçus contiennent Liquid, le langage de modélisation de Shopify. En savoir plus sur l'utilisation de Liquid.
Pour modifier les modèles dans l'éditeur de code de reçu, vous devez être familiarisé avec 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.
Certains types de reçus imprimés ne peuvent pas être personnalisés.
L’éditeur de code n’est disponible pour aucun emplacement en Italie.

Considérations d’incompatibilité pour les types de reçus

Certains types de reçus imprimés ne peuvent pas être personnalisés dans l’éditeur de code de réception. Les types de reçus qui n’ont pas de modèle dans l’éditeur de code sont incompatibles pour la personnalisation.

Vous pouvez personnaliser les types de reçus imprimés suivants :

reçus de vente
reçus de cartes-cadeaux
reçus de reçus de cadeaux

Vous ne pouvez pas personnaliser les reçus suivants :

reçus de retour
échanger des reçus

En outre, tous les types de reçus pour les emplacements en Italie ne sont pas admissibles à la personnalisation.

Accéder à l’éditeur de code

Vous pouvez modifier vos modèles à l’aide de l’éditeur de code.

Étapes :

Depuis votre interface administrateur Shopify, cliquez sur Paramètres > Applications et canaux de vente.
Cliquez sur Point of sale.
Cliquez sur Ouvrir le canal de vente.
Cliquez sur Point de vente > Paramètres
Dans la section Personnaliser, cliquez sur Reçus.
Cliquez sur Personnaliser les reçus.
Cliquez sur Éditeur de code.
Sélectionnez un fichier de code à éditer.
Cliquez sur Enregistrer.

Utiliser des fichiers personnalisés dans votre modèle de reçu

Vous pouvez utiliser les fichiers que vous importez pour personnaliser vos reçus. Si vous souhaitez imprimer des images personnalisées sur vos reçus, vous pouvez les importer dans votre administrateur Shopify et les utiliser sur vos reçus personnalisés. En savoir plus sur les importations de fichiers.

Étapes :

Depuis votre interface administrateur Shopify, cliquez sur Paramètres > Applications et canaux de vente.
Cliquez sur Point of sale.
Cliquez sur Ouvrir le canal de vente.
Cliquez sur Point de vente > Paramètres
Dans la section Personnaliser, cliquez sur Reçus.
Cliquez sur Éditeur de code > Page de contenu.
Copiez le lien à côté du fichier que vous souhaitez utiliser dans votre modèle de reçu.
Incluez le lien dans votre modèle.

Réinitialiser votre modèle de reçu par défaut

Vous pouvez réinitialiser un modèle de reçu à la version par défaut à l’aide de l’éditeur de code.

Étapes :

Depuis votre interface administrateur Shopify, cliquez sur Paramètres > Applications et canaux de vente.
Cliquez sur Point of sale.
Cliquez sur Ouvrir le canal de vente.
Cliquez sur Point de vente > Paramètres
Dans la section Personnaliser, cliquez sur Reçus.
Cliquez sur le modèle que vous souhaitez réinitialiser.
Cliquez sur l’icône de réinitialisation.
Dans la réinitialisation du fichier à la fenêtre modale par défaut, cliquez sur Réinitialiser pour confirmer.

Variables Liquid disponibles dans l’éditeur de code de reçu

Vous pouvez utiliser Liquid pour personnaliser votre modèle de reçus imprimés et vos types de reçus.

Les objets de données suivants sont disponibles pour l’éditeur de code de reçu :

Description des objets de données de reçus
Objets	Description
shop	Contient les informations de la boutique, telles que le nom de la boutique.
location	Contient les informations relatives à l'emplacement du point de vente physique, telles que l'adresse et le numéro de téléphone.
order	Contient les données de la commande, y compris les lignes, les réductions, les taxes et les informations de transaction.
gift_card	Disponible uniquement dans le modèle `gift_card.liquid`. Contient les données de la carte-cadeau, y compris le solde, le code alphanumérique et le contenu d’un code QR qui peut être scanné par l’application PDV.

## Filtres Liquid disponibles dans l'éditeur de code de reçu

Vous pouvez utiliser des filtres liquid pour apporter des ajustements aux informations dans vos modèles de reçus. Par exemple, vous pouvez modifier le formatage d’une devise ou la mise en majuscules d’un texte spécifique, tel qu’un code des impôts.

Pour appliquer un filtre, ajoutez un code de caractère de |, puis le filtre dans le bloc de code liquid entre deux parenthèses courbes {{ }}. Les filtres ne peuvent être appliqués qu’aux blocs de code liquid.

Dans l’exemple suivant, le filtre ajuste le code des impôts de minuscules en majuscules.

{{ tax_line.title | upcase }}

Dans l’exemple de bloc de code, product est l’objet, title sa propriété et upcase le filtre appliqué. Le filtre upcase modifie la majuscule de la valeur de l tax_line.title en haut de la case. Par exemple, si tax_line.title valeur de Hst, le filtre upcase change la valeur en HST.

Consultez la section Filtres de la référence Liquid pour les thèmes Shopify pour en savoir plus sur l’utilisation des filtres Liquid.

Les filtres suivants sont disponibles dans l’éditeur de code de reçu :

Description des filtres de reçus
Propriété	Description
t	Traduit les étiquettes prédéfinies dans la langue attribuée à votre emplacement.
money	Formate le prix dans la devise de votre emplacement.
escape	Échappe aux caractères spéciaux en HTML, tels que `<>`, `’` et `&`, et convertit les caractères en séquences échappatoires.
barcode	Génère un code-barres 1D SVG.
qrcode	Génère un code-barres 2D SVG.

## Exemple de personnalisation du code d’un modèle de reçu imprimé

Vous pouvez utiliser Liquid pour ajouter des messages conditionnels. Cette fonctionnalité est similaire à l’enregistrement pour un seul emplacement avec l’éditeur visuel. Par exemple, votre entreprise a démarré avec un seul emplacement, et vous en avez maintenant plusieurs nouveaux. Vous souhaitez mettre en évidence votre boutique d’origine sur vos reçus imprimés.

Vous pouvez ajouter un message personnalisé au modèle header.liquid dans le dossier Sections de l’éditeur de code et utiliser Liquid pour afficher le message uniquement pour votre emplacement où il se trouve.

Le code suivant vérifie le nom de l’emplacement, dans ce cas, votre emplacement d’origine appelé « Accueil », et affiche le message « Bienvenue dans notre boutique d’origine, ouverte en 1972 ». si l’emplacement correspond au nom. Les reçus imprimés depuis vos autres emplacements affichent le message « Bienvenue dans notre boutique ». au lieu de.

{% if location.name == 'Home' %}
  Welcome to our original store, opened in 1972.
{% else %}
  Welcome to our store.
{% end %}