Home Forums WoodMart – Premium Template Custom tab – accordeon

This topic contains 5 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 6 days, 21 hours ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #318009

    BartBoke
    Customer

    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.
    #318028

    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

    #318037

    BartBoke
    Customer

    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/).

    #318266

    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

    #318681

    BartBoke
    Customer

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

    #318829

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Custom tab – accordeon’ is closed to new replies.