Accordian tabs on product page

When looking at a product the description tab is already opened. Is there any way to have this closed until a user clicks to open it?

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 for providing the javascript code snippet. We would ideally like this code to only run on mobile devices and for the tab to remain open on desktop. Is this possible?

Hello,

Try using this code instead of the previously given

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

Kind Regards
XTemos Studio

[Author]

Posts