Problems with clicking on variations

Hello on the attached video you can see that when we are on the Single product page in mobile Device – to be more accurate – iPhone (apple Device) we see that sometimes when we try to click on the color variable it missclicks and the variation cannot be Selected sometimes. On Android Devices the issue is not present. On desktop Devices everything is okay as well.

Hello,

Please disable any plugins not directly related to our theme and provide us with your admin access details. We will log in to your dashboard and investigate the issue. Please ensure that you only keep the following plugins that are necessary for our theme to work correctly:
– WoodMart core
– WooCommerce
– Elementor/WPBakery Page Builder

Thank you in advance.

Hi, i have already tried disabling the plugins not related to the theme, as well disabling wp rocket, but still the Problem persists.

Please keep all plugins temporarily turned off so we can test the issue.

At the moment website is running in production environment. We can create a staging, so you can test there. do you want us to пproceed with the staging of the website?

Yes, please. We need to troubleshoot the issue without plugins.

Provided you can see the credentials for the staging environment. Plugins except Woo and Woodmart Core are Disabled as wanted.

Could you please test how it works without child theme on your staging website now? Do you still see the problem? If so, please send us a name of the product you test.

Yes, Problem still persists. I am testing on an iPhone 11 – keep in mind that in emulator the issue is not vissible, but on an iPhone it still does not work. Sending a video again. Product is random it does it in every variation on a random click – sometimes it works, sometimes it bugs.

Attachments:

You must be logged in to view attached files.

Could you please also send us your FTP access?

We have noticed the issue is happening to people because of the rage clicks on the heatmaps in Microsoft clarity. In addition happens only to iOS users though.

Credentials below.

Try to do the following to fix the problem:

1. Open the file wp-content/themes/woodmart/js/scripts/wc/swatchesVariations.min.js

2. Find the following fragment of code s.on("click",".wd-swatches-single > .wd-swatch" https://gyazo.com/1eab7da7259a2f00f790ab22b7d07355

3. Replace with this one s.on("click touchstart",".wd-swatches-single > .wd-swatch"

4. Clear your browser cache and test how it works.

Kind Regards

Hi, the fix worked, but we have the same anomaly in another situation – when 1 product is out of stock and when selecting on the available variation – attaching video (Problem can be seen after 07 Second of the video). I have simulated the same problem in the staging Version with no plugins Active. (We also have it on the production).

Attached you can find the video

Try to edit your slugs for attribute terms. They have to be written in Latin symbols while their names can be in any language. https://gyazo.com/ba7fda3d76ccec9fd87037582c433dd1

[Author]

Posts