tab Active

Hi,

All of the tabs shouldnt be inactive on initial load. The first tab should be active. If you want to switch which tab is active on initial load, you’ll most likely want to implement some custom JavaScript to add the appropriate classes on load.

Thanks,
Evan

Hi sowhatconcept,

Are you saying none of the tabs are visible when you arrive at the page?

Let us know.

Thank you!
-Tracy

Hi

I also need to make my first tab visible.
Right now, the tabs appear on the product pages but the content of the the first tab does not appear unless you click on it.

How to make that first tab visible when loading the product page?

Thanks

Joel

Hello,

Can we have an url ?
To me it was on my function.php theme files. See the order priority of your tabs..

regards,

Yohan

Yohan,

Please look at this url: https://nuenergydist.ca/shop/eccotemp-l5-tankless-water-heater/

When loading the page, the “Videos” tab doesn’t show its content until after clicking it.

Do you know how I can have the Videos tab show up by default without manually clicking on it?

Thanks,

Joel

Hello Nuenergy,

Try to remove the “additional tab doing

// Remove Additional Information Tab Woocommerce

add_filter( 'woocommerce_product_tabs', 'remove_info_tab', 98);
function remove_info_tab($tabs) {

unset($tabs['additional_information']);

return $tabs;
}

Your tab for additional information WooCommerce remains present and is therefore a priority for WooCommerce it is she who opens and is .active although we do not see it.
to put in your functions.php file
It is like that all over your site? Otherwise put a condition also page .

beautiful day,
Yohan

Other solution would be give different priority to your tabs with:

add_filter( 'woocommerce_product_tabs', 'sb_woo_move_description_tab', 98);
function sb_woo_move_description_tab($tabs) {

$tabs['videos']['priority'] = 5;
$tabs['faq'']['priority'] = 10;
$tabs['reviews'']['priority'] = 20;
$tabs['additional_information']['priority'] = 30;

return $tabs;
}

Best regards

But you have to have development knowledge to write on the functions.files.
For precision, i’m not the plugin author, you can ask directly to them.

best regards,

Yohan

@nuenergy

My recommendation would be to use custom javascript to simulate a tab click on page load. Where are the other tabs on the page?

If you still need some help, feel free to post back here and we can help out the best we can.

Thanks,
Evan