Les images sont mesurées et définies en pixels, par exemple 800 x 800 pixels. Notez que le premier nombre correspond à la largeur et le second correspond à la hauteur.Nous vous recommandons d’organiser vos images dans un dossier hors ligne et de conserver une sauvegarde au cas où vous en auriez besoin à l’avenir ou si vous modifiez une image par erreur et souhaitez revenir à l’original.
↑ Back to topWooCommerce utilise trois types d’images de produit à différents emplacements et pour différents usages :
Images des produits uniques : Il s’agit des images les plus grandes. Elles sont utilisées comme image principale sur la page de détails d’un produit individuel.
Images du catalogue : Ces images sont de taille moyenne. Elles apparaissent dans les boucles de produits telles que la page Boutique, les pages de Catégories de produits, les produits apparentés, les produits suggérés et les ventes croisées.
Images des miniatures : Ces images sont les plus petites. Elles sont utilisées dans le panier, dans les widgets et dans la galerie de miniatures (facultative) qui est affichée sous les images des produits uniques.
↑ Back to topLes options d’ajout d’Image produit ou de Galerie produit sont accessibles depuis le panneau latéral droit d’une page d’ajout ou de modification d’un produit (WooCommerce > Produits).
↑ Back to topL’image produit est l’image principale de votre produit. Elle est réutilisée dans votre boutique en différentes tailles.Cliquez sur Définir l’image produit.Sélectionnez une image existante dans votre médiathèque ou téléversez une nouvelle image.Si nécessaire, vous pouvez modifier ou supprimer l’image produit.Les méthodes d’ajout, de suppression et de modification d’une image produit sont les mêmes que celles des images d’articles et de pages.
↑ Back to topUne galerie produit permet d’afficher les images associées à un produit via la fenêtre de sélection Galerie produit.Pour créer une galerie produit, cliquez sur Ajouter des images à la galerie produit etsélectionnez des images existantes ou téléversez de nouvelles images.
↑ Back to topLes images de la galerie produit peuvent facilement être réorganisées à l’aide de la technique du glisser-déposer. Déplacez simplement les images pour les réorganiser.
↑ Back to topUne fois qu’une image produit et une galerie produit ont été ajoutées, les clients peuvent les voir dans la boutique.Fonction zoom :Un double-clicsur l’image permet de voir l’image en gros plan et de la visualiser en déplaçant la souris.Fonction loupe (+) : La loupe située dans le coin supérieur droit permet d’afficher l’image dans une fenêtre de visualisation (boîte à lumière).La boîte à lumière présente l’image en gros plan sur un fond sombre. Elle permet également d’afficher un diaporama des images de la galerie (si vous avez créé une galerie).La visualisation des images est compatible avec les appareils mobiles à l’aide des gestes tactiles standard.
↑ Back to topNous recommandons une taille minimale de 800 x 800 pixels (largeur x hauteur). Cette taille permet d’obtenir des images nettes pour les images principales, les images du catalogue et les images des miniatures. Cependant, les images de plus grande taille offrent de meilleurs résultats, surtout si vous vendez des produits qui ont beaucoup de détails.Bien qu’il soit possible d’utiliser des images de taille plus petite, cela aura un impact majeur sur la résolution et la netteté des images. Les images sont un élément clé pour vendre et promouvoir des produits/services en ligne. Assurez-vous d’utiliser des images de haute qualité.
↑ Back to topLa boîte à lumière est une fonctionnalité qui permet d’afficher les images sur un fond sombre afin d’accentuer les contrastes et de mettre en valeur les images (à la manière d’une boîte à lumière de photographie).
↑ Back to topLe zoom d’image est une fonctionnalité qui permet de voir une image en gros plan et de la visualiser en déplaçant la souris. Le zoom est pratique pour examiner rapidement un produit et visualiser les détails qui ne sont pas visibles à la taille normale de l’image.
↑ Back to topSi vous créez un thème personnalisé, il est recommandé de configurer automatiquement les paramètres d’image. Pour cela, utilisez le bout de code fourni dans la section « Theme support » de la documentationAmélioration des tailles des images dans WooCommerce 3.3x (lien disponible uniquement en anglais).
↑ Back to topCela peut se produire pour deux raisons :
Vous utilisez une version de WooCommerce qui est antérieure à la version 3.3x.
Votre thème a défini une taille d’image spécifique. Cela peut être modifié en utilisant le bout de code fourni dans la section « Theme support » de la documentationAmélioration des tailles des images dans WooCommerce 3.3x (lien disponible uniquement en anglais).
Sélectionnez une image existante dans votre médiathèque ou téléversez une nouvelle image.
Si nécessaire, vous pouvez modifier ou supprimer l’image produit.
Les méthodes d’ajout, de suppression et de modification d’une image produit sont les mêmes que celles des images d’articles et de pages.
Fonction zoom : Un double-clic sur l’image permet de voir l’image en gros plan et de la visualiser en déplaçant la souris.
Fonction loupe (+) : La loupe située dans le coin supérieur droit permet d’afficher l’image dans une fenêtre de visualisation (boîte à lumière).
La boîte à lumière présente l’image en gros plan sur un fond sombre. Elle permet également d’afficher un diaporama des images de la galerie (si vous avez créé une galerie).
La visualisation des images est compatible avec les appareils mobiles à l’aide des gestes tactiles standard.
Le zoom d’image est une fonctionnalité qui permet de voir une image en gros plan et de la visualiser en déplaçant la souris. Le zoom est pratique pour examiner rapidement un produit et visualiser les détails qui ne sont pas visibles à la taille normale de l’image.