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

Variation swatches not working on tablet/mobile

Lars Stolk

Hi,

I really don’t know what to do anymore. The variation swatches aren’t working properly on mobile and tablet devices and I don’t know how or why this is happening.

I have done multiple tests and whatever I do, on desktop it seems to work just fine. I can resize my screen to every size without any problems. But from the moment I load a product page on mobile or tablet, the variation swatches stop working.

You can view a test page here: https://www.printert.nl/product/dranghekbanner/

If would love if you could help me out with this, it’s keeping my busy for a few weeks already but without any succes.

Tanvirul Haque

Hi Lars,

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

Thank you

Lars Stolk

Hi Tanvirul,

I disabled the Swatches plugin and I got it working on every screen size/device.

Tanvirul Haque

Hi Lars Stolk,

We are sorry for your inconvenience. 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 and squash it immediately.

Thank you

Lars Stolk

Hi Tanvirul,

I have recorded the issue with the tool you suggested. (Thanks btw, it works very well!)
At first, you can see that it works on desktop. I can select whatever I want and the <select> fields that are above the buttons confirm that it’s working.

It’s a bit wonky halfway- that’s to change the screen from desktop to mobile. From that point you see the same page/buttons in the responsive layout and that’s where the functionality stops. The double check with the <select> field above confirms that it’s not changing or working at all.

Below the url to the recording:

https://www.loom.com/share/2804c5ac51964a7b955d3efac54d26cf

Thanks for your help already

Tanvirul Haque

Hello Lars Stolk,

Have you modified anything on our swatches plugin or swatches functionality? If yes, please omit all of your modifications and then check again is it working by default or not.

Thanks