Astuce Woocommerce : Zoom sur les images des produits avec variations

Pour obtenir un effet de zoom au survol des photos sur Woocommerce, il existe le plugin WooCommerce Image Zoom

Celui-ci fonctionne très pour les produits simples, mais à partir du moment où vous avez un produits avec des variations, cela ne fonctionnera pas (seule la photo par défaut sera zoomée).

Voici un petit script qui permettra le zoom sur toutes les photos des variations :

setInterval(function(){

var img_url = jQuery(‘.woocommerce-main-image’).attr(‘href’);

jQuery(‘.zoomWindow’).css(‘background-image’, ‘url(‘+img_url+’)’);

}, 1000);

Ce script va tout simplement définir l’image courante du produit comme étant celle à zoomer. Ainsi quand la photo zoomée sera toujours la bonne. Vous pouvez placer ce code dans votre thème ou dans un plugin.

J’espère que cette astuce vous aura été utile 🙂

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*