# Image Vendeur Produit

{% hint style="info" %}
Version 1.4.0
{% endhint %}

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2FH45ziDcP5XogGBB9HPBy%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-23%20a%CC%80%2017.59.48.png?alt=media&#x26;token=7a78a612-37a0-4e98-abbd-c0b225c3a1ce" alt=""><figcaption><p>L'Image Vendeur depuis le thème SHOPIWEB PREMIUM 1.4</p></figcaption></figure>

{% hint style="success" %}
**AVANT DE COMMENCER :** Assurez-vous d'avoir une licence active installée sur votre boutique Shopify®. Si ce n'est pas le cas, commandez une licence SHOPIWEB PREMIUM en passant par [ce lien](https://www.shopiweb.fr/).
{% endhint %}

TEXTE

Le tutoriel ci-dessous vous montre étape par étape comment utiliser IMAGE VENDEUR.

### ETAPE 1

Depuis votre tableau de bord Shopify®, cliquez sur PARAMÈTRES > DONNÉES PERSONNALISÉES > PRODUITS.

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2FhBs1QExZYkzmArhsyggM%2FCapture%20d%E2%80%99e%CC%81cran%202023-08-28%20a%CC%80%2010.55.12.png?alt=media&#x26;token=60cd26ab-0593-48b7-9660-91ad8b729ab6" alt="Capture d&#x27;écran du menu PARAMÈTRES d&#x27;un compte Shopify®"><figcaption><p>Le menu des DONNÉES PERSONNALISÉES depuis les PARAMÈTRES de Shopify®</p></figcaption></figure>

### ETAPE 2

Cliquez sur le bouton noir AJOUTER UNE DÉFINITION. Une nouvelle fenêtre s’ouvre. Dans les champs, inscrivez les informations comme indiqué dans le tableau sous la capture d’écran suivante&#x20;

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2F6QOKbSZjypEIiQqoGbwP%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-23%20a%CC%80%2016.48.21.png?alt=media&#x26;token=c2134c8e-ba8c-4bb5-b632-2cdb5698d417" alt=""><figcaption><p>Champ méta pour l'Image Vendeur</p></figcaption></figure>

<table><thead><tr><th>Définition</th><th>Résultat</th><th data-hidden></th></tr></thead><tbody><tr><td>Nom</td><td>Image de Marque Shopiweb</td><td></td></tr><tr><td>Espace de nom et clé</td><td>shopiweb.brand_image</td><td></td></tr><tr><td>Description</td><td>Image représentant la marque ou le vendeur pour améliorer l'identité visuelle.</td><td></td></tr><tr><td>Sélectionner le type</td><td>Fichier</td><td></td></tr><tr><td>Choix</td><td>Un fichier</td><td></td></tr></tbody></table>

Après avoir entré les données ci-dessus, un encadré VALIDATIONS apparaît. Dans les champs de l’encadré VALIDATIONS, inscrivez les informations comme indiqué dans le tableau sous la capture d’écran suivante :

| Validations                                   |
| --------------------------------------------- |
| ☑️ Accepter des types de fichiers spécifiques |
| <p>Images<br>✅</p>                            |
| <p>Vidéos<br>◽️</p>                           |

### ETAPE 3

Après avoir inscris les données ci-dessus, cliquez sur le bouton SAUVEGARDER situé en haut à droite de votre écran.

La suite du tutoriel se passe depuis vos fiches produits en passant par votre tableau de bord Shopify®.

Comme indiquez dans la capture d’écran ci-dessous, en bas de chacun de vos produits vous verrez un encadré CHAMPS MÉTA dans lequel apparaîtra votre champs SHOPIWEB IMAGE VENDEUR créé lors des étapes 1 à 2. Ajouter l'image que vous souhaitée pour chacun de vos produits. N’oubliez pas de sauvegarder avant de fermer votre fiche produit.

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2F1KNwNQq1rUum3ubeydgg%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-23%20a%CC%80%2016.55.21.png?alt=media&#x26;token=1ce0e83d-e58a-4d27-a84e-4cafaa8064e3" alt=""><figcaption><p>Le CHAMP META IMAGE VENDEUR depuis une fiche produit</p></figcaption></figure>

### ETAPE 4

Pour que l’image de marque du vendeur fonctionne, activez-là depuis la personnalisation du thème > PRODUIT (modèle) > DISTRIBUTEUR > IMAGE DE MARQUE comme indiqué dans la capture d’écran ci-dessous&#x20;

<figure><img src="https://2019301892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU04y3nhEi7BOPySOeTqn%2Fuploads%2F5liJuSPjfPTOcyRXjSLe%2FCapture%20d%E2%80%99e%CC%81cran%202024-04-23%20a%CC%80%2017.02.23.png?alt=media&#x26;token=8f0977c4-8ffa-4e06-bd3f-9a0ca7f89a31" alt=""><figcaption><p>Activation de l'image de marque du vendeur</p></figcaption></figure>

**Félicitation, vous savez comment afficher une Image Logo Distributeur de vos produits !**