web-dev-qa-db-fra.com

WooCommerce produit unique modifier les paramètres de flexslider

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

1
Remy Jacobs

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);
2
Devin Crossman