Webflow SplideJS - Slide Not Moving - Only on product pages where there are no varients

Hi, I have a webflow project where I am trying to configure SplideJS as the main product image slider on an ecom product template page.

I am struggling to get the slider working. All the styling is there but when I press the left and right arrows the slider doesnt move.

Any help getting this to work would be amazing!

– Update - all seems to work fine on product pages where the product does not have varients. Which is quite strange. i have commented out all the code I have added to the site to check for any conflicting scripts, but still the same activity.


Here is my site Read-Only:1
Here is my live link: 2