Single product tabs

Hello,

Here is the code to keep them closed on all the devices:

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 the snippet to the Custom JS section in Theme Setting.

Best Regards

Hello,

Please replace the code with this one:

if (jQuery(window).width() <= 1024) {
			setTimeout( function(){ 
				jQuery('.woocommerce-tabs.wd-accordion').each(function() {
					let activeClass  = 'wd-active';
					let time         = 300;
					let firstItem    = jQuery('.wd-accordion > .wd-accordion-item').first();
					let secondItem   = firstItem.next();
					let getTitle     = $item => $item.find('> .wd-accordion-title');
					let getContent   = $item => $item.find('> .wd-accordion-content');

					getTitle( firstItem ).removeClass(activeClass);
					getContent( firstItem ).stop(true, true).slideUp(time).removeClass(activeClass);

					getTitle( secondItem ).addClass(activeClass);
					getContent( secondItem ).stop(true, true).slideDown(time).addClass(activeClass);

					jQuery(this).addClass('wd-inited');
				});
			}, 500);
}

Best Regards

Hello,

Thank you for your patience.

Please try to replace the code provided above with this one:

if(jQuery(window).width() <= 1024) {
			setTimeout( function(){ 
				jQuery('.elementor-widget-wd_single_product_tabs .wd-accordion').each(function() {
					
					let activeClass  = 'wd-active';
					let time         = 300;
					let firstItem    = jQuery('.wd-accordion > .wd-accordion-item').first();
					let secondItem   = firstItem.next();
					let getTitle     = $item => $item.find('> .wd-accordion-title');
					let getContent   = $item => $item.find('> .wd-accordion-content');

					getTitle( firstItem ).removeClass(activeClass);
					getContent( firstItem ).stop(true, true).slideUp(time).removeClass(activeClass);

					getTitle( secondItem ).addClass(activeClass);
					getContent( secondItem ).stop(true, true).slideDown(time).addClass(activeClass);

					jQuery(this).addClass('wd-inited');
				});
			}, 500);
}

If you have any questions please feel free to contact us.

Best Regards

Hello,

You will need to change the location of the tabs, you need to locate Reviews in the first place and Description in the second. Unfortunately, it is not possible to implement it exactly as you describe.

If you have any questions please feel free to contact us.

Best Regards

Hello,

Sorry for the confusion.

I have inserted the code into JS > On document ready, it works on mobile: https://gyazo.com/77573c1ff2b8d0fb5e0d82e9b3b4f9ac

Please check.

Best Regards

You are welcome! We are here to help.

Wish you a wonderful day!