Return to previous page

Single product page tab section - by Cotaylo

This topic has 7 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

Cotaylo

Participant

November 7, 2015 at 02:06

Hi. I’m working on my single product page layout and I could use a little help/direction.

1. I’d like to change the “description” tab title to “Ingredients” and then possibly removing the H2 “product description” altogether.
2. I’d like for the “additional info” tab to be the first item and the “ingredients” tab to be the last item. FYI the Additional info tab content is the content that appears the same on all product items. The Ingredients tab is changed with each individual product item.

I am unsure where to make these changes. Can you help me?

Thanks so much for your help.
Colleen

Please, contact administrator
for this information.

#98225 Copied Theme version: woopress coffee WooCommerce version: 4.3.1

6 Answers

Robert Hall

Support staff

November 7, 2015 at 08:43

Hello,

1) Please read more in this article:
https://docs.woothemes.com/document/editing-product-data-tabs/

2) You can use the Custom Tab (Theme Options->Single Product Page) to show the same content on all product items and the Custom Tab (Products->edit products->scroll down and you’ll see custom tab) for invidual pages.

Regards,
Robert Hall.

#98238 Copied

Cotaylo

Participant

November 7, 2015 at 17:54

Great. Thanks for the reference Robert. I’ll have a look at it and see what I can do.
🙂

#98266 Copied

Cotaylo

Participant

November 8, 2015 at 00:29

Ok, so I was able to rename my tabs using the snippets in the link you recommended – yay! Thanks!

But, when I try to customize a tab, something goes awry. I just want to remove the <H2> tag under my Description tab that I already successfully renamed to “Ingredients”. I don’t want the “Product Description” H2 tag on that Ingredients tab.

Do you have a suggestion on how I can just remove that H2 tag?

Thanks again.
Colleen

Please, contact administrator
for this information.

#98278 Copied
Eva Kemp

Support staff

November 8, 2015 at 10:12
Hello,

Add this code in Global Custom CSS:
```
.tab-content.tab-description h2 {
    display: none;
}
```
Regards,
Eva Kemp.
#98304 Copied
Cotaylo

Participant

November 9, 2015 at 20:15

Thanks Eva. Totally fixed my problem! Y’all are awesome. 🙂

#98521 Copied

Eva Kemp

Support staff

November 9, 2015 at 20:20

Hello,

You’re welcome.

Regards,
Eva Kemp.

#98523 Copied
Viewing 7 results - 1 through 7 (of 7 total)