Ajout d’images et de galeries d’images de produit

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.

Types d’images

↑ Back to top

WooCommerce 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.

Ajouter des images et des galeries d’images de produit

↑ Back to top

Les 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).

Image produit

↑ Back to top

L’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.

Galerie produit

↑ Back to top

Ajouter des images à la galerie produit

↑ Back to top

Une 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 et sélectionnez des images existantes ou téléversez de nouvelles images.

Réorganiser les images de la galerie produit

↑ Back to top

Les 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.

Supprimer des images de la galerie produit

↑ Back to top

Pour supprimer une image de la galerie produit, survolez l’image que vous souhaitez supprimer et cliquez sur la croix rouge.

Vue client

↑ Back to top

Une 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-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.

FAQ

↑ Back to top

Quelle est la taille d’image idéale à utiliser avec WooCommerce ?

↑ Back to top

Nous 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é.

Que se passe-t-il si j’oublie de définir la taille d’une image ?

↑ Back to top

WooCommerce définira automatiquement une taille adaptée et génèrera des images à afficher sur l’ensemble de la boutique.

Mes images sont floues, comment puis-je les corriger ?

↑ Back to top

Consultez la documentation Correction des images de produit floues (lien disponible uniquement en anglais).

Qu’est-ce que la boîte à lumière de WooCommerce ?

↑ Back to top

La 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).

Puis-je désactiver la boîte à lumière ?

↑ Back to top

Oui. Consultez la documentation Désactiver la boîte à lumière de WooCommerce 3.0x (lien disponible uniquement en anglais). Veuillez noter que les personnalisations ne sont pas prises en charge par notre Politique d’assistance (lien disponible uniquement en anglais).

Qu’est-ce que le zoom d’image de WooCommerce ?

↑ Back to top

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.

Puis-je désactiver la fonctionnalité de zoom d’image ?

↑ Back to top

Oui. Consultez la documentation Désactiver le zoom d’image de WooCommerce (lien disponible uniquement en anglais). Veuillez noter que les personnalisations ne sont pas prises en charge par notre Politique d’assistance (lien disponible uniquement en anglais).

Comment puis-je définir les dimensions des images dans un thème personnalisé ?

↑ Back to top

Si 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 documentation Amélioration des tailles des images dans WooCommerce 3.3x (lien disponible uniquement en anglais).

Je ne vois pas les paramètres des images de produit décrits dans la documentation WooCommerce ci-dessus.

↑ Back to top

Cela 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 documentation Amélioration des tailles des images dans WooCommerce 3.3x (lien disponible uniquement en anglais).