Gestion des images et des vidéos de produit

Pour chaque produit, vous pouvez télécharger plusieurs images et vidéos, réorganiser leur ordre et contrôler leur utilisation. Si vous disposez d’une grande quantité d’images à gérer, vous préférerez peut-être les importer sous la forme d’un lot plutôt que de les télécharger individuellement. Pour plus d’informations, voir Importation d’images de produit.

Si vous prévoyez de télécharger des images volumineuses à afficher sur la page Product Details, vous pouvez envisager de définir une taille maximale en pixels (largeur et hauteur) et de redimensionner automatiquement les fichiers au moment du téléchargement. Une option permet d’activer le redimensionnement automatique des fichiers image plus volumineux au fur et à mesure du téléchargement. Pour plus d’informations, voir Redimensionnement des images du produit.

Mettre à jour les images du produit

  1. Ouvrez le produit en mode d’édition.

  2. Pour utiliser une vue de magasin spécifique, définissez la variable Store View sélectionnez la vue appropriée dans le coin supérieur gauche.

    note note
    NOTE
    Les nouvelles images de produit sont always chargé et visible dans all vues de magasin, même si la variable All Store Views n’est pas utilisée pour le chargement.

    Pour masquer une image de produit d’une vue de magasin spécifique, vous devez passer à cette vue de magasin , sélectionnez la variable Hide from Product Page , puis cliquez sur Save.
  3. Faites défiler l’écran vers le bas et développez Images and Videos.

Chargement d’une image

Pour une meilleure compatibilité, il est recommandé de télécharger toutes les images de produit avec la variable sRGB profil de couleurs. Tous les autres profils de couleurs sont automatiquement convertis en sRGB profil colorimétrique lors du chargement de l’image du produit, ce qui peut entraîner une incohérence des couleurs dans l’image chargée.

La longueur du nom du fichier image, y compris son extension, ne peut pas dépasser 90 caractères.

Pour télécharger une image, effectuez l’une des opérations suivantes :

  • Faites glisser une image depuis votre bureau et déposez-la sur le Appareil photo Icône Appareil photo ) dans le Images And Videos ​de la boîte.

  • Dans le Images And Videos, cliquez sur le bouton_ Appareil photo _(  Icône Appareil photo ), sélectionnez le fichier image sur votre ordinateur, puis cliquez sur Open.

    Chargement ou glisser-déposer {width="600" modal="regular"}

Réorganiser les images

Pour modifier l’ordre des images dans la galerie, cliquez sur le bouton Sort Icône Tri  ) au bas de la mosaïque de l’image et faites glisser l’image vers un autre emplacement dans la balise​ Images And Videos de la boîte.

Modifier l’ordre

Suppression d’une image

Pour supprimer une image de la galerie, cliquez sur le bouton Delete Icône Corbeille  ) dans le coin supérieur droit de la mosaïque d’image, puis cliquez sur Save.

Définition des détails d’image

Cliquez sur l’image que vous souhaitez ouvrir en mode détaillé et effectuez l’une des opérations suivantes :

Affichage des détails de l’image

Pour fermer la vue détaillée, cliquez sur le bouton Fermer Icône Fermer ) dans le coin supérieur droit.

Lorsque vous avez terminé, cliquez sur Save.

Saisir du texte alternatif

Le texte de remplacement d’image est référencé par les lecteurs d’écran afin d’améliorer l’accessibilité web et par les moteurs de recherche lors de l’indexation du site. Certains navigateurs affichent le texte de remplacement à la souris. Le texte de remplacement peut contenir plusieurs mots et contenir des mots-clés soigneusement sélectionnés.

Dans le Alt Text ​saisissez une brève description de l’image.

Attribution de rôles

Par défaut, tous les rôles sont affectés à la première image chargée dans le produit. Pour réaffecter un rôle à une autre image, procédez comme suit :

Dans le Role, choisissez le rôle à attribuer à l’image.

Lorsque vous revenez à la variable Images et vidéos , les rôles affectés actuellement apparaissent sous chaque image.

Rôles attribués

Masquer une image

Pour exclure une image de la galerie de miniatures, sélectionnez la Hidden case à cocher et clic Save.

Images masquées

Rôles d’image

Rôle d’image
Description
Thumbnail
Les images miniatures apparaissent dans la galerie de miniatures, dans le panier et dans certains blocs, tels que Éléments associés. Exemple de taille : 50 x 50 pixels
Small Image
La petite image est utilisée pour les images de produit dans les listes sur les pages de résultats de recherche et de catégorie, ainsi que pour afficher les images de produit nécessaires aux sections telles que Valeurs incitatives, Ventes croisées et Nouvelle liste de produits. Exemple de taille : 470 x 470 pixels
Base Image
L’image de base est l’image principale de la page des détails du produit. Le zoom sur l’image est activé si vous téléchargez une image plus grande que le conteneur d’images. Selon le niveau de zoom que vous souhaitez obtenir, l’image de base doit être deux ou trois fois la taille du conteneur. Exemples de tailles : 470 x 470 pixels (sans zoom), 1 100 x 1 100 pixels (avec zoom)
Swatch
A échantillon peut être utilisé pour illustrer la couleur, le motif ou la texture. Exemple de taille : 50 x 50 pixels

Filigranes

Si vous allez au détriment de la création de vos propres images de produit originales, il n'y a pas grand chose à faire pour empêcher des concurrents sans scrupules de les voler en un clic de souris. Cependant, vous pouvez en faire une cible moins attrayante en plaçant un filigrane sur chaque image afin de les identifier comme votre propriété. Un fichier de filigrane peut être une image de JPG (JPEG), de GIF ou PNG. Les types de fichiers GIF et PNG prennent en charge les calques transparents qui peuvent être utilisés pour donner au filigrane un arrière-plan transparent.

Le filigrane utilisé pour la variable small L’image dans l’exemple suivant est un logo noir avec un arrière-plan transparent et enregistré en tant que fichier PNG avec les paramètres suivants :

  • Taille : 50x50
  • Opacité : 5
  • Position : mosaïque

filigrane en mosaïque

Ajout de filigranes aux images de produit

  1. Sur le Administration barre latérale, accédez à Content > Design>Configuration.

    Pour plus d’informations sur les configurations de conception, voir Configuration de la conception.

  2. Recherchez la vue de magasin à configurer, puis cliquez sur Edit dans le Action ​colonne .

  3. Sous Other Settings, développer Sélecteur d’extension la valeur Product Image Watermarks.

    Filigranes d’image de produit - Base {width="600" modal="regular"}

    La variable Base, Thumbnail, Small, et Swatch Image les paramètres d’image sont identiques.

  4. Utilisez l’une des méthodes suivantes pour ajouter la ressource image de filigrane :

    • Cliquez sur Upload et sélectionnez le fichier image que vous souhaitez charger pour l’utiliser comme filigrane sur votre système.
    • Cliquez sur Select from Gallery et sélectionnez une ressource image dans la Galerie de médias.
  5. Définissez les paramètres d’affichage du filigrane :

    • Saisissez le Image Opacity en pourcentage. Par exemple: 40

    • Saisissez le Image Size en pixels. Par exemple: 200 x 200

    • Définir Image Position pour déterminer où le filigrane apparaît.

  6. Lorsque vous avez terminé, cliquez sur Save Config.

  7. Lorsque vous y êtes invité, cliquez sur Cache Management dans le message système et actualisez le cache non valide.

    Actualiser le cache {width="600" modal="regular"}

TIP
Cliquez sur Use Default Value Flèche de retour pour restaurer la valeur par défaut.

Suppression d’un filigrane

  1. Dans le coin inférieur gauche de l’image, cliquez sur le bouton Delete Icône Corbeille  ).

    Supprimer le filigrane {width="300"}

  2. Cliquez sur Save Config.

  3. Lorsque vous y êtes invité, cliquez sur Cache Management dans le message système et actualisez le cache non valide.

    Si l’image de filigrane persiste dans le storefront, revenez à la gestion du cache et cliquez sur Flush Magento Cache.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071