Ajouter et modifier des images produit

Ajouter des images produit à votre boutique est important pour offrir une image à la fois professionnelle et rassurante. Des images de qualité permettent aux clients d’obtenir une vue détaillée de vos produits, ce qui enrichit leur expérience d'achat et génère potentiellement plus de ventes.

Pour de meilleurs résultats, les images produit doivent mesurer au moins 1100 x 1100 pixels et avoir toutes le même format, par exemple carré, portrait ou paysage.

Exemple de page de catégorie avec des images produit homogènes

Comment ajouter des images produit

  1. Dans la barre latérale de l'administration, rendez-vous dans Produits → Afficher les produits.
    Le tableau affiche la liste de tous les produits de votre boutique.
  2. Dans le tableau, sélectionnez le numéro du produit concerné ou ajoutez un nouveau produit.
  3. Dans la section Images, sélectionnez Ajouter des images.
  4. Sélectionnez les images de votre appareil que vous souhaitez importer.
    Les images sont importées.
  5. Si besoin, modifiez le format de l'image via Rogner. Pour plus d’informations, consultez la section Comment modifier une image produit.
  6. Sélectionnez Enregistrer.

Vous avez ajouté des images pour le produit.

L'image la plus grande qui apparaît en haut est l'image principale. Elle s’affiche en premier sur la page produit et est utilisée comme image d’aperçu dans votre boutique. Pour en choisir une autre, modifiez l’ordre des images en effectuant un glisser-déposer.

Pour supprimer une image produit, survolez l'image concernée et sélectionnez Supprimer.

Comment modifier une image produit

  1. Dans la barre latérale de l'administration, rendez-vous dans Produits → Afficher les produits.
    Le tableau affiche la liste de tous les produits de votre boutique.
  2. Dans le tableau, sélectionnez le numéro de produit concerné.
  3. Dans la section Images, survolez l'image concernée et sélectionnez Recadrer.
    Une fenêtre pop-up apparaît.
  4. Modifiez le format de l'image à l’aide des actions suivantes :
    La zone mise en avant dans la bordure bleue montre la partie de l'image produit qui apparaîtra dans votre boutique après avoir sélectionné Enregistrer.
    Action Description
    Faire pivoter l'image

    Utilisez -90° ou +90° pour faire pivoter l'image de 90° vers la gauche ou vers la droite.

    Il n'est pas possible de faire pivoter librement l'image.

    Modifier le format d’image

    Pour choisir l'un des formats prédéfinis, sélectionnez  (1:1),  (2:3),  (4:3),  (16:9) ou  (3:2). Le format d’image correspond au ratio entre la largeur et la hauteur d'une image.

    Pour définir un format personnalisé, sélectionnez Personnalisé. Vous pouvez faire un glisser-déposer de la bordure bleue pour reformater/redimensionner la zone ou saisir les dimensions en pixels dans les champs Largeur et Hauteur.

    Pour un aspect plus cohérent, nous vous recommandons d'utiliser le même format pour toutes vos images produit.
    Redimensionner la zone qui doit s’afficher Faites un glisser-déposer de la bordure bleue pour redimensionner la zone. Le format de la bordure bleue dépend du format d’image sélectionné.
    Zoom avant/arrière Utilisez Zoom avant et Zoom arrière pour faire un zoom avant/arrière. Cette fonction peut notamment être utile si vous souhaitez montrer un détail spécifique de l'image.
    Modifier la partie de l’image affichée

    Faites glisser la zone mise en avant vers une autre partie de l’image. Pour sélectionner plus précisément la partie de l'image qui sera affichée, utilisez les flèches :
    Déplacer l'image vers la gauche Déplacer l'image vers la droite Déplacer l'image vers le haut Déplacer l'image vers le bas

    Réinitialiser Utilisez Réinitialiser pour remettre à zéro vos paramètres concernant la taille de la partie affichée, sa position, le zoom et l'orientation de l'image.

    Attention

    L’action Réinitialiser ne restaure pas l'image à son état initial lors de l’importation. Elle réinitialise uniquement les réglages que vous venez de faire et qui ne sont pas encore enregistrés.
  5. Une fois que vous avez terminé, sélectionnez Enregistrer.

Vous avez modifié le format de l'image produit. Pour modifier le format d'autres images produit, répétez les étapes ci-dessus.

Comment modifier la taille des images d’aperçu de produit

Pour modifier la taille d'image des images d’aperçu, par exemple sur la page de catégorie, vous devez ouvrir la page concernée dans l'éditeur. Survolez l'élément catégorie, sélectionnez Modifier et choisissez si vous souhaitez afficher les images produit en S (Petit), M (Moyen) ou L (Grand).

Un aperçu de la taille d’image produit actuellement sélectionnée est immédiatement visible sur la page en arrière-plan. Si vous sélectionnez S, les images seront plus petites et vous en verrez davantage. Si vous sélectionnez L, les images seront plus grandes et vous en verrez moins.

Comment activer le zoom sur les images produit

Pour que vos clients puissent utiliser le zoom image sur les pages produit de votre boutique, vos images doivent faire une taille minimum. Pour les images de 1100 x 1100 pixels ou plus, vous pouvez être sûr que le zoom fonctionnera sur la plupart des appareils. Cette fonction est en revanche automatiquement désactivée pour les images trop petites, car celles-ci s’affichent déjà avec le niveau de zoom le plus élevé.

Si l'image s’affiche déjà en pleine résolution, le fait de zoomer risque de n’afficher qu’une partie d’image floue. Sur les grands écrans haute résolution notamment, il est probable qu'une image produit s’affiche déjà à son niveau de zoom le plus élevé.

Nous vous recommandons donc d'utiliser des images assez grandes. Les pages de votre boutique s’affichant de manière dynamique, le temps de chargement est rapide.

Exemple de zoom sur une image produit

Info

Vous pouvez également désactiver le zoom sur les images produit. Il ne sera alors jamais proposé, même si les images importées sont suffisamment grandes. Dans ce cas, dans la barre latérale de l'administration, ouvrez la section ParamètresAffichage des produits et sélectionnez Non pour l’option Activer le zoom sur les images produit.

Cet article vous a-t-il été utile ?