WooCommerce Tabs Closed by Default

Dear,

I’ve found a ticket from another user about closing the WooCommerce tabs by default. I tried to apply the code you’ve provided but it doesn’t work.

setTimeout(function() {
    var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
    $tabs.parent().find('#tab-description').hide();
    $tabs.parent().find( '.tab-title-description' ).removeClass('active');
}, 10);

Can you check please?
Thanks

Hi,

This code is for the description tab and your product page doesn’t have it at all.

Regards

Hi Artem,

I’ve added description tab and the code doesn’t work neither. Can you check please?

Also, how could the code be amended in such way that it also works when it’s the Review tab that is first (meaning when there are no “description tab”) ?

Thanks

Try to increase the timeout 10 to 100, 500, or 1000.

Artem,

I tried the different timeout values. It works with 500 and 1000 but with a little issue. It still opens and re-closes it after the page load. https://gevcen.tinytake.com/tt/MzUzMjUxN18xMDYxODMyNw

Can you check ?

Yes, it is how this supposed to work. It is a bit tricky but there are no other solutions for this task.

Ok thanks. And how about my other question : how could the code be amended in such way that it also works when it’s the Review tab that is first (meaning when there are no “description tab”) ?

Thanks

Try to change words description with reviews in that code.

Yes it worked! For anyone interested :

setTimeout(function() {
    var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
    $tabs.parent().find('#tab-description').hide();
    $tabs.parent().find( '.tab-title-description' ).removeClass('active');
}, 1000);

setTimeout(function() {
    var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
    $tabs.parent().find('#tab-reviews').hide();
    $tabs.parent().find( '.tab-title-reviews' ).removeClass('active');
}, 1000);

You can close the ticket, thanks

Artem,

Just one thing more, I’m trying to apply the same for the tab “Additional information” (table with attribute characteristics) but it’s not working.

Can you help please?

I managed it 🙂

/**
 * Collapse the Description tab when it comes first in the accordion
 */
setTimeout(function() {
    var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
    $tabs.parent().find('#tab-description').hide();
    $tabs.parent().find( '.tab-title-description' ).removeClass('active');
}, 1000);

/**
 * Collapse the Reviews tab when it comes first in the accordion
 */
setTimeout(function() {
    var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
    $tabs.parent().find('#tab-reviews').hide();
    $tabs.parent().find( '.tab-title-reviews' ).removeClass('active');
}, 1000);

/**
 * Collapse the Additional Information tab when it comes first in the accordion
 */
setTimeout(function() {
    var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
    $tabs.parent().find('#tab-additional_information').hide();
    $tabs.parent().find( '.tab-title-additional_information' ).removeClass('active');
}, 1000);

You can close the ticket, thanks

[Author]

Posts