1st Custom Tab Text Disappeared

Hello @jengebrosky,

I’m not sure why but it looks like your first tab is a “tab inside of a tab.” The content is there but it’s hidden. When the tab title is clicked, it’s only revealing the first portion of the tab and the “tab inside the tab” is still hidden. I don’t know why it’s nested like this.

Do you have any HTML in your tab on the backend? (Let me know if you need help checking this).

Also, does this happen if your first tab is the default WooCommerce Description tab?

Let me know.

Thank you,
Kevin.

Hi Kevin,

Yes, can you please help me on how to check for that? Thank you!

Can you go to the text tab part of the editor and either screenshot or copy and paste the content there? (https://imgur.com/a/Pf41BaO).

Also, have you tried adding a description tab? (You can do this by filling out the main content portion of a WooCommerce product.)

Hi, I am experiencing the same thing but I narrowed down the issue in my case. It seems it’s happening for me on all variable products. You can see a test of a product with variations at https://jrmhockeyart.com/paintings/dryden-test-2/. The info under “details” tab doesn’t show unless you click on it first. I tried typing some info in the product’s default “Description” box for another variable product and the description tab text shows immediately without having to click on it – https://jrmhockeyart.com/paintings/ken-dryden-2/. So it seems it’s an issue with this plugin with the first tab not showing its contents unless clicked on for products with variables. My other products that don’t have variables (set to simple product) it works fine (https://jrmhockeyart.com/paintings/marc-andre-fleury/). Problem is I am changing all my products to variable products so I’m hoping there’s a workaround for this as I would much rather use your tabs than the default description tab with woocommerce. Thank you.

Hi @leahjm77,

What’s happening in your case is that you have some custom CSS that is hiding the additional information tab. When variable products have attributes, WooCommerce automatically creates the additional information tab. If you don’t have a description tab, then Additional Information will be the first tab shown. However, you have custom CSS that is hiding the additional information tab. Therefore the Details tab is actually the second tab and that’s why it is hidden by default.

Does that make sense?

This is the CSS in question:

.additional_information_tab {
    display: none!important;
}

Unfortunately I can’t track down the source of the CSS because it is being minified and aggregated by a caching plugin.

Cheers,
Kevin.

Thanks for your help Kevin! Just so I understand correctly, now that I have changed my products to be variable products, I either have to have the ‘additional information’ tab or ‘description’ tab showing first, and then the rest of the custom tabs will be next. I can’t have the customs tab show first without either of those other default tabs?

Hi @leahjm77,

That’s the default behavior. You can change this with a filter function if you’d like. At the moment, because it’s hidden, all we would need to do is assign its position as anything but the first tab and it would have no affect on your tabs.

This function would do set the Additional Information tab as the last tab:

add_filter( 'woocommerce_product_tabs', 'yikes_woo_reorder_tabs', 98, 1 );

function yikes_woo_reorder_tabs( $tabs ) {

	if ( isset( $tabs['additional_information'] ) ) {
		$tabs['additional_information']['priority'] = 100;
	}

	return $tabs;
}

Cheers,
Kevin.

That’s exactly what I needed – thank you!

You’re very welcome ??