Hi there! When I use infinite scroll on my theme with a “load more” button, the swatches on the products that appear after “load more” is clicked don’t work.

I see in your FAQ you have a section that says:
How to use it on ajax load more?
“just call this javascript function on ajax load event
$(‘.variations_form’).each(function(){
$(this).wc_variation_form();
});
And your are ready to go.”

However, I don’t understand how to do this (I’m not a web developer). I have a code snippets plugin, do I just enter the code there?

I’m just using the infinite scroll feature that comes with my theme, Astra Pro (I’m also using Elementor to build the product shop page).

However, if you know an infinite scroll plugin that works well with your plugin, I’m open to using it 🙂

The website is https://www.startbigtalk.com/product-category/men/

Thank you so much!

Ahmed Ehsaan

Hi Samuel,

Can you please give us a 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!