In this article we will explain how to hide title on product pages using Bridge theme for example.
If you wish to hide the title on product pages, please set the Hide Title Area option to Yes under Qode Title on your Shop page.
Do note that by doing so, you will also hide the title on your actual Shop Page as well.
The reason behind this is the fact that the product pages inherit options from your default shop page, i.e. the one selected in WooCommerce > Settings.
In order to hide the title only for your products and still display the title on your default shop page, you should do as follows:
1. step － Set the Hide Title Area to No under Qode Title on your Shop page
2. step － Then paste this code into the Custom CSS field found at Qode Options > General > Custom Code:
.single-product .title_outer {
display: none;
}
.single-product .content .container {
margin-top: 100px;
}
This is how the product page will look now:
In order to remove only the title label, leaving the title background image intact, use the following CSS instead:
.single-product .title_subtitle_holder {
display: none !important;
}
This custom CSS is added the same way as the previous example, by navigating to Qode Options > General > Custom Code and pasting it in the Custom CSS field.
This is how the product page looks with the title area background image, but with the title label excluded:
On a side note, regarding the option inheritance, it’s important to mention that both products and archive pages – categories and tags inherit the options found on the default shop page.
Here are a few simple examples.
⋅ E.g. － Title background image + title color
When you set these options, they will be applied on all products, product categories and product tags.
Here are the resulting effect on different pages.
⋅ A － Products
⋅ B － Categories
⋅ C － Tags
⋅ D － Sidebar Choice
Selecting the sidebar (a default sidebar or a custom sidebar) will display the sidebar only on product categories and product tags.
Products do not have a sidebar by design, which is why there’s no settings to inherit.
Options set on the default shop page:
Result in the following:
