Custom tab – accordeon

Hi,

I’m using a custom tab in my products to define the allergens that customers should be aware of. The tab is automatically fully opened instead of closed. In elementor I use the following code I found on this forum:

<script> 
jQuery(document).ready(function($) { 
var delay = 100; setTimeout(function() { 
$('.elementor-tab-title').removeClass('elementor-active');
 $('.elementor-tab-content').css('display', 'none'); }, delay); 
}); 
</script>

This code can’t be used with this custom tab. How can this be fixed? Suggestions to make sure the tab is always closed?

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

WoodMart theme provides the option to add global tabs to the product page https://xtemos.com/docs/woodmart/theme-settings-panel/#pr_tabs It means the content added to the tabs would be the same for all the products.

Besides each product page has the option to add an individual tab with individual content: https://xtemos.com/docs/woodmart/product-page-options/#local_settings

Our support does not cover fixing or customization Woocommerce code.

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

Best Regards

Hi,

I think you misunderstand me because I am using your option to add an individual tab with individual content: https://xtemos.com/docs/woodmart/product-page-options/#local_settings. So I’m not at all asking for a fixing or customization of Woocommmerce code.

The accordion tab should be collapsed by default, with its content hidden. I found a similar question on your forum, posted by someone in 2018 but I don’t see a solution (https://xtemos.com/forums/topic/accordions-on-the-single-product-page/).

Hello,

Please add this snippet to the Theme Settins > Custom JS on the document ready:

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

Best Regards

Thx a million Elise! First snippet did exactly what I wanted!

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts