Docs

[joshnurse]

Hi Guys,

On Woocommerce Single product pages, the Tabs are working fine on desktop, but nothing is happening on mobile devices?

Could you please take a look and advise.

Thanks.

[joshnurse]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! I have checked and it’s working fine on mobile.

Cheers!

[RoboPhil]

Hi,

I am seeing the same issue with my site built with X-theme. Using a group product, tabs working on usual desktop view but don’t work consistently on mobile view. Testing with iOS simulator and actual mobile devices.

Any ideas what could be causing this?

Phil

[RoboPhil]

This reply has been marked as private.

[Nabeel A]

Hi again,

To fix the issue, please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery( function($) {
	$('.wc-tabs li a').on('click', function( e ){
		setTimeout( function() { 
			$('html, body').stop().stop();
		}, 100 );
	});

	$(document).ready(function() {
		$('.wc-tabs li a').off('click touchstart touchend');
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[RoboPhil]

Thank you, that is great. Seems to have made a difference to them working when clicked.

Can I just confirm what exactly the JS is doing? Is this something that I should have included myself or have I installed something that is causing these not to work?

Thank you for your help.

Phil

[Rad]

Hi there,

Mobile touch events blocked the functions which are usually triggered by click. Since click and touch have the same functionality, we just need to turn off the bindings and re-add it again.

Thanks.

[Author]

Posts