Duplicated Title section

Hello @heartbreaker1287,

It sounds like there’s some type of theme conflict going on anmd I’m not familiar with Flatsome. Are you trying to add a custom product tab while viewing the product page on the front-end (as users would see it) or in the admin? Also, is it possible for you to provide me with a URL to showcase the problem?

Let me know,
Kevin.

Here is the link . It is the (?ade) tab I created in the admin.

Hi @heartbreaker1287,

I understand now. That’s actually how it works and is designed to work!

You’d rather it not show the title?

Actually, i dont want to see the title in the description area again. Because it is already shown on tab title. Is it possible?
Thanks for your fast replies!

It is definitely possible, and there are two ways in which you can do it.

Method 1 – Filter:

There is a filter we provide: yikes_woocommerce_custom_repeatable_product_tabs_heading

And here is an example of how to use it:

add_filter( 'yikes_woocommerce_custom_repeatable_product_tabs_heading', 'yikes_woo_remove_product_tab_header', 10, 2 );

function yikes_woo_remove_product_tab_header( $tab_title_html, $tab ) {
	return '';
}

In the above example, I’m removing the tab title for all of my tabs. If you’d like to scope it to specific tabs, we can do that to – let me know.

Method 2 – CSS:
You could also add your own custom CSS that will simply hide the title from the page. If you’re familiar with adding custom CSS, you may prefer this option.

This is the CSS that will hide all of the tab titles:

.yikes-custom-woo-tab-title { 
    display: none; 
}

And this is the CSS that will hide that specific tab’s title:

.yikes-custom-woo-tab-title-iade {
    display: none;
}

Let me know if you need help applying one of these methods.

I dont know how to apply first method, can you help me about that?

Yes! Can you access your theme’s functions.php file? That is where we need to add our custom filter function.

What you need to do is paste the following code into your functions.php file:

add_filter( 'yikes_woocommerce_custom_repeatable_product_tabs_heading', 'yikes_woo_remove_product_tab_header', 10, 2 );

function yikes_woo_remove_product_tab_header( $tab_title_html, $tab ) {
	return '';
}

There tutorials for adding code to the functions.php file if you google it. Alternatively, there are also plugins, like this one https://www.ads-software.com/plugins/my-custom-functions/, that allow you to do the same thing.

Ok, got it! Or i will paste the second method to my theme’s “CUSTOM CSS” section, right?

There are many ways to add custom CSS and some theme’s provide a nice “Custom CSS” portion – if your theme provides that then I’d recommend using that – it sounds simpler. However there’s no default “CUSTOM CSS” portion where you can just paste CSS code in. Every theme has a functions.php file though.

I apologize I can’t provide more specific instructions – everyone uses different themes/plugins, and has a different setup for editing files.

You can google “How to add custom CSS to my WordPress site” or “How to add a functions to my functions.php” file and you’ll be able to find some nice tutorials with pictures, etc.

Thank you for your patience and willing assistance. This was my favourite customer service ??
Greetings!

No problem! It is always nice to fix things, especially for grateful users! Thanks for the kind review ??

Hi! I have the same problem. I applied the css method in my custom css but it doesn’t work.

Got the solution, i installed the custom functions plugin.