Product pages tabes

Please check the following video:

https://www.loom.com/share/47e6ceb55356497c9b14bd7ea0531a29

Hello,

By default the first tab is open. If it is closed it means that you have added customization. Please remove the code from the Theme Settings > Custom JS and check the issue.

Best Regards

Hi there

i think you didn’t get my point!
by default the description tab is opened! and it is open… but I want it closed

can you tell me the code I need for that?

thanks

Hello,

Add the snippet to the Custom JS section in Theme Settings:

setTimeout(function() {
	var $tab = jQuery('.woodmart-tab-wrapper').find('a.active');
		$tab.siblings('.wc-tab').hide();
	  $tab.removeClass('active');
}, 10);

Best Regards

Thank you

this has worked 🙂

but there is a big problem! please watch this

https://www.loom.com/share/ee704bbddebe40b9b2f0581a8f726d32

Hello,

You need to switch tabs into Accordion in the Theme Settings > Product page > Tabs. You need to set Accordion.

Best Regards

i dont need to set it to tabs for the desktop viewport!

all I want is the tabs to be closed by default when checked on mobile and tabet! to code you have provided have worked but it does make the description disappear when viewed on desktop and this need to be fixed

Hello,

Please replace the code for this one:

if (jQuery(window).width() <= 768) {
	setTimeout(function() {
		var $tab = jQuery('.woodmart-tab-wrapper').find('a.active');
			$tab.siblings('.wc-tab').hide();
			$tab.removeClass('active');
	}, 10);
}

Add this code to the Document ready. I have tested on my site (I have tabs on desktop and accordion on mobile all the tabs are closed.

Best Regards

[Author]

Posts