fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Variation does not work when the filter is activated

Hello
Please help me solve the problem…
I use two plugins on my website
JetWooBuilder and Variation Swatches for WooCommerce – Pro all products display a variation on the store’s page There is a store https://test-elegatto.ru/shop / … when changing the filtering or changing the display of the product… variation stops working (
CrocoBlock developers said that there are problems with the Variation Swatches for WooCommerce – Pro plugin

Please help me solve the problem

Hakik Zaman

Hi Игорь,

Thanks for reaching out to us. We are sorry for your inconvenience.

Can you please give us temporary admin access to your site? We’ll try to investigate the issue for you.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin, and set the info here.

And add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

Hakik Zaman

Hi Игорь,

Thanks for giving us the login credentials. Please check and let me know if images are switching after filtering or not.

I have added the image selector as per your filter – https://prnt.sc/hv1stjDB90KX

Note: Don’t forget to clear your caches like- browser cache, caching plugin cache, server-side cache, etc.

Thank You

the toggle tab works fine! but it is the switching tab that is not present ( i.e. when switching the display, the variation does not work (

Hakik Zaman

Hi Игорь,

Could you record me reproducing your issue using a tool like this? https://www.useloom.com
It helps me to quickly figure out the issue.

Thank you

Hakik Zaman

Hi Игорь,

Can you please contact JetWooBuilder Team and ask for a trigger that is fired after new products are loaded (on clicking this- https://prnt.sc/Fh0Ejlck871n )?

Thank You

That ‘s what they answered me:
You can forward this trigger to the plugin support, it is triggered when switching:

$( document ).trigger( ‘jet-woo-builder-content-rendered’, [ this, response ] );

‘jet-woo-builder-content-rendered’

Hakik Zaman

Hi Игорь,

Thanks for getting back to us with the trigger.

Please place the below snippet inside your current active theme’s functions.php [please use a child theme in this case]

or, Install a plugin called Code Snippets and add the below snippet using the plugin.

add_action( 'wp_footer', function(){
?>
   <script id="gwp-support-for-jetwoobuilder">
      jQuery( document ).on( 'jet-woo-builder-content-rendered', function(){
        jQuery(document).trigger('woo_variation_swatches_pro_init');
      } );
   </script>
<?php
}, 99 );

Thank You

Hakik Zaman

Hi Игорь,

I have tested and everything is working from my side- https://www.loom.com/share/71a499414fd8454da09a119ce7060706

Please clear your caches like- browser cache, caching plugin cache, and server-side cache. Then let me know whether it resolves your issue or not.

Thank You

Hello
Please forgive me for not answering for so long… life problems…
the code works fine… Thank you very much!!!
The last problem with integration…
https://test-elegatto.ru/
Now when I point at a picture that has a variation, there is no change to the second picture

If the product does not have a variation, then the picture changes.
https://youtu.be/VmGuu-HnTqU
Help please… how to make sure that when you hover over the variation , the picture also changes ?

Hakik Zaman

Hi Игорь,

Can you please give us temporary admin access to your site? We’ll try to investigate the issue for you.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin and set the info here.

And add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

Hakik Zaman

Hi Игорь,

I have changed the image selector for you- https://prnt.sc/DPIZcwv84o5N

Please check now and clear your caches like- browser cache, caching plugin cache, and server-side cache.

Thank You

Yes, I know about it, but the problem here is that the pictures that have a variation… different locks

https://disk.yandex.ru/i/5A006ksTBoOhhw

And when you hover, the second photo comes out

And when you hover, the second photo comes out.
Each variation has its own picture, i.e. how to make it so that when you change the variation and hover over the card, the picture changes?

 

Hakik Zaman

Hi Игорь,

Check now. I have changed the image selector.

Now, if you select a variation the corresponding image will be displayed.

Then by removing the mouse cursor the main thumbnail will be displayed.

Thank You

Hakik Zaman

Hi Игорь,

Hovering images is not a feature of our plugin.

Could you disable our swatches plugin and check if is it working without our plugin or not?

Thank you

Hakik Zaman

Hi Игорь,

You are mixing two plugins. Displaying the second image is not a feature of our plugin.

Additional Variation images will only work on the single product page. It is not related to the shop/archive page.

I hope this explanation will help.

Thank You

Shouldn ‘t two plugins from the same company work in tandem ?

And nothing can be done to work correctly ?

Hakik Zaman

Hi Игорь,

Yes, both plugins are from the same company.

As you described, you want a second (variation) image while someone will click on swatches.

The additional variation images you added will only work on the single product page.

Our gallery plugin will not work on the shop/archive page as you described. This is how our plugin works.

But it is a great idea. You can add this feature request here- https://storepress.fider.io/

Thank You

Then please cancel the last update of the photo
, i.e. so that when you hover, the photo that is indicated in the admin panel comes out.

Hakik Zaman

Hi Игорь,

Reverted my last change as requested.

Thank You