Comment désactiver zoom image sur Woocommerce

par | décembre 26, 2020 | Woocommerce

Aujourd’hui, nous examinons : Comment désactiver zoom image sur Woocommerce,  une fonctionnalités de la galerie d’images de produits introduites dans WooCommerce 4.0. Les nouvelles fonctionnalités d’image du produit WooCommerce sont super optimisées. Mais pour certains catalogues de produits, il n’est pas logique d’utiliser toutes les nouvelles fonctionnalités de chaque produit. 

Comment désactiver les nouvelles fonctionnalités de la galerie d’images de produits?

Supposons que votre thème a été mis à jour pour prendre en charge les nouvelles fonctionnalités d’image. Beaucoup de nos clients qui utilisent WooCommerce ont des produits pour lesquels certaines des nouvelles fonctionnalités peuvent ne pas convenir.
La nouvelle fonction Zoom, par exemple, ne convient pas à de nombreux produits qui ont des images de produit basse résolution assez basiques. Une fonction de zoom semble tout simplement étrange avec certaines photos de produits. À l’heure actuelle, si un auteur de thème vient d’ajouter la prise en charge des 3 nouvelles fonctionnalités d’image, elles apparaîtront pour tous vos produits. Si vous souhaitez désactiver les nouvelles fonctionnalités globalement, c’est bien de le faire en ajoutant ce qui suit à votre functions.php:

remove_theme_support( ‘wc-product-gallery-zoom’ );
remove_theme_support( ‘wc-product-gallery-lightbox’ );
remove_theme_support( ‘wc-product-gallery-slider’ );

Présentation des options de galerie d’images de produits WooCommerce

Pour ceux qui ne souhaite pas mettre les mains dans le code, nous avons trouvé un plugin qui fait exactement le travail. Le plugin WooCommerce Product Image Gallery Options vous permettra de désactiver chacune des nouvelles fonctionnalités de la galerie par produit. Pour ce faire, il ajoute une nouvelle métabox sur l’écran Modifier le produit qui ressemble à ceci.

supprimer-effet-zoom

Et c’est tout! Le plugin ne fait rien de plus, rien de moins. Peut-être que quelque chose comme celui-ci se retrouvera dans le noyau de WooCommerce à un moment donné, mais en attendant, cela devrait faciliter la vie de nombreuses personnes disposant de catalogues de produits diversifiés qui ont besoin d’un contrôle précis sur les fonctionnalités actives sur chaque produit. Il convient de rappeler que si votre thème ne prend pas encore en charge les nouvelles fonctionnalités d’image de WooCommerce, ce plugin n’ajoutera pas la prise en charge de ces fonctionnalités.

Que diriez-vous d’une dernière option ?

Allez dans l’éditeur CSS de votre thème en allant dans le menu:
Apparence —> Personnaliser —-> CSS additionnel
Collez le code ci-dessous (prenez soin de vérifier la classe avec l’inspecteur de votre navigateur.

.woocommerce div.product div.images
.woocommerce-product-gallery__wrapper
.zoomImg {display:none !important;}

Si vous avez besoin d’un thème WooCommerce solide et fiable, assurez-vous de jeter un coup d’œil à notre page dédiée e-commerce avec  Woocommerce.

Latest posts

Les meilleurs hébergeurs pour WordPress

Les meilleurs hébergeurs pour WordPress

Les meilleurs hébergeurs pour WordPress et Woocommerce Si vous êtes à la recherche d’un hébergement de qualité pour votre site WordPress ou votre boutique WooCommerce, alors vous êtes au bon endroit  ! Nous allons passer en revue les meilleurs hébergements français,...

Comment trouver le meilleur thème WordPress ?

Comment trouver le meilleur thème WordPress ?

10 points à considérer avant de choisir un thème WordPress pour votre site web Choisir le bon thème WordPress est une étape difficile Lorsque vous commencez votre recherche, vous pouvez être submergé par le nombre apparemment infini de thèmes gratuits ou payants...

0 commentaires