Don’t override full slider html on variation image switch

Hi Visody,

Thanks for reaching out to us. I have tried to contact using your support page.

Unfortunately, your site was not working so couldn’t connect with you.

I recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on that page, then paste the URL in this thread.

Hope to hear from you soon.

Thank You

Hi Visody,

Was the site not working or the form not working?

The form was not working. After adding all the required fields I was unable to submit it.

You can add your markup here – woo-variation-gallery > includes > slider-template-js.php

This template loads when someone selects a variation. Here is a code sample to override the slider-template-js.php – https://smalldev.tools/share-bin/yNnmFODu

You can override the template to add the markup.

All the data properties can be found here- woo-variation-gallery > includes > class-woo-variation-gallery-frontend.php > line number 334

If you need more properties you can use the filter hook- woo_variation_gallery_get_image_props

Please let me know if this helps.

Thank You

Hi Visody,

Thanks for getting back to us.

Do you also have JS hooks we can hook into?

Please check the following triggers:

$(document).on('woo_variation_gallery_init', function () {
   // Do something here
});


Or,

$(document).on('woo_variation_gallery_slider_slick_init', function(){
// Do something here
});

Please let me know if this helps.

Thank You

Hi Visody,

Please try these triggers-

$(document).on('woo_variation_gallery_image_loaded', function(){
// Do something here
});

$(document).on('woo_variation_gallery_variation_images', function(){
// Do something here
});

Thank You

Hi Visody,

I think there is a trigger from WooCommerce- reset_image

I hope this will work. Hope to hear from you soon.

Thank You