Pour mon projet Woocommerce, je recherche une solution pour modifier le curseur d'image sur la page d'un seul produit. Woocommerce ajoute des fonctionnalités de curseur, de zoom et de visionneuse à la galerie de produits. Cela fonctionne bien pour moi, mais je souhaite modifier les options de la partie curseur.
Woocommerce utilise flexslider pour cela; http://flexslider.woothemes.com/ , mais comme flexslider est déjà lancé par WooCommerce lui-même, je ne peux pas modifier les options par la suite. Il n’existe pas non plus d’option permettant de tuer un flexslider actif et de le réintégrer par moi-même.
Je pensais pouvoir résoudre ce problème en supprimant le sélecteur de nom de classe (.woocommerce-product-gallery__image) afin que le curseur ne fonctionne pas automatiquement, mais cela supprime également les fonctions de zoom et de visionneuse.
Existe-t-il une autre solution pour modifier les options flexslider de la galerie de produits? Et pour être plus précis; J'essaie de créer un curseur miniature comme ceci: http://flexslider.woothemes.com/thumbnail-slider.html
Après avoir fouillé un peu dans la source, j'ai trouvé un filtre appelé woocommerce_single_product_carousel_options
qui peut être utilisé pour modifier les options du curseur flex.
par exemple:
function my_product_carousel_options($options) {
$options['animation'] = 'fade';
return $options;
}
add_filter("woocommerce_single_product_carousel_options", "my_product_carousel_options", 10);