Hi,
Anyone know how to remove “how to use” and “ingredients” tabs? I was told they are javascript code? I uploaded tabs instead so we do not need these.
Topic summary
A user running Shopify’s Dawn 12.0 theme wants to remove “How to Use” and “Ingredients” tabs from their product pages, specifically on an Argan Beard Oil listing.
Troubleshooting attempts:
- Initial suggestion was to use the theme customizer’s “Collapsible row” blocks on the product page, where tabs can be hidden or removed via hover icons
- User reports no such option exists in their theme customization panel
Proposed solutions:
- Add custom CSS code to hide the tabs:
section.shopify-section div.tabs { display: none; } - Check the product page admin for dynamic sections and remove content or make tabs blank
Status: The issue remains unresolved. The tabs appear to be hardcoded rather than part of standard Dawn theme customization options, requiring either CSS intervention or backend content removal.
Hi,
I have some questions to you.
-
Which theme you are using?
-
Which page you are talking about on theme and where are you need change?
If possible you can attach url store here to easy for check.
With Dawn Theme, you can go to product customize page, then find to blocks “Collapsible row” and hover to it then click to one of each icon here.
- Remove it.
- hidden/show.
There’s nothing on the theme that says that. This is coded in.
Did you try go to part of customize product page?
If possible you can take a screenshot where you was try access and finding.
Yeah no option for that here.
Hey Estrad23,
Please try adding the below code after custom css
section.shopify-section div.tabs {
display: none;
}"
Hi @estrad23 ,
it’s a dynamic section coming at your product.
please look into the product page in admin and see if there is a option to enter content for them make it black and see if it removed or not.