WooCommerce 3 embarque une nouvelle galerie d'images dans vos fiches produits : zoom au survol, effet Lightbox au clic, diaporama. Pour bénéficier de cette fonctionnalité rénovée, votre thème WordPress doit l'activer au préalable.

Vous recherchez un développeur WordPress capable de vous créer un thème sur-mesure ? C'est mon métier depuis plus de 8 ans, prenez contact et discutons de votre projet.

Dans un thème enfant, éditez le fichier functions.php puis collez ces lignes de code :

function wpc_theme_setup() {
	add_theme_support('wc-product-gallery-zoom');
	add_theme_support('wc-product-gallery-lightbox');
	add_theme_support('wc-product-gallery-slider');
}
add_action('after_setup_theme', 'wpc_theme_setup');

Une fois le fichier mis à jour, ouvrez une fiche produit de votre site WooCommerce puis admirez le résultat. Un exemple ci-dessous avec notre thème premium ONE compatible WooCommerce 3 :

Vous pouvez cliquer sur la loupe pour afficher en plein écran le visuel, cliquer sur une miniature pour basculer avec un effet de diaporama ou survoler l’image pour zoomer dessus.

Pensez donc à injecter les lignes de code de ce tutoriel pour bénéficier de ces nouvelles fonctionnalités de WooCommerce 3 !

2 commentaires
  1. Sylvaine

    Hello,
    J’ai renseigné le code dans mon fichier functions et ça marche !!!
    Un grand merci pour ces lignes de code car j’ai pas mal galéré pour trouver une solution qui me plaise et là c’est top !
    Perso j’ai juste zappé la ligne « add_theme_support(‘wc-product-gallery-zoom’); » car le zoom déformait mes produits.
    Merci encore !

  2. Le Rire des Anges

    Extra, je viens de le tester cela fonctionne parfaitement! Merci

Les commentaires sont fermés.