Personnaliser les cartes-cadeaux avec une image

Attention

Les thèmes vintage ne sont pas disponibles dans Theme Store. Les thèmes vintage ne disposent pas des fonctionnalités incluses dans les thèmes Online Store 2.0 de Shopify, et les thèmes vintage gratuits de Shopify ne reçoivent pas d’autres mises à jour, à l’exception des correctifs de sécurité.

Remarque

Si vous utilisez un thème gratuit de Shopify, vous pouvez contacter l’assistance Shopify pour obtenir de l’aide avec ce tutoriel. La conception de cette partie nécessite 15 minutes. En savoir plus sur la politique en matière de conception de Shopify.

Importer une nouvelle image pour votre carte-cadeau

1. Depuis votre interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
2. Recherchez le thème que vous souhaitez modifier et cliquez sur le bouton … > Modifier le code.
3. Dans le répertoire Ressources, cliquez sur Ajouter une nouvelle ressource.

4. Cliquez sur Sélectionner un fichier pour rechercher la nouvelle image de carte-cadeau sur votre ordinateur et l'importer. Nous vous suggérons d’utiliser un nom de fichier simple, par exemple blue-giftcard.png.

5. Cliquez sur Télécharger un élément. La nouvelle image de carte‑cadeau s’affiche dans votre répertoire Ressources. Notez l’extension de fichier (.png ou .jpg).

Modifier le fichier du modèle de carte-cadeau afin qu’il utilise votre nouvelle image

1. Dans le répertoire Templates (Modèles), cliquez sur gift-card.liquid.
2. Recherchez le code suivant dans le fichier :

<img src="{{ 'gift-card/card.svg' | shopify_asset_url }}" alt="">

1. Remplacez-le avec ce qui suit :

<img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">

1. Cliquez sur Save (Enregistrer).

Remarque

Pensez à modifier blue-giftcard.png en fonction du nom du fichier et de l’extension de la nouvelle image, si nécessaire.

Afficher un aperçu de votre nouvelle image de carte-cadeau

1. Dans le coin supérieur droit de l’éditeur de code du thème, cliquez sur Personnaliser le thème.
2. Ouvrez l’éditeur de thème.
3. Dans le menu déroulant situé en haut de la page ou à partir du menu Modèles sur mobile, sélectionnez Carte-cadeau.