Woocommerce Product Page Title Missing

Support
#1

Hi -

Doing a page for my client - on the product category page I need the Woocommerce product title to be visible. The description looks fine, but the title is missing. Please advise:

https://mypuffpass.com/product-category/cbd/

#2

Hello @scottdforeman,

Thanks for writing to us.

I checked your site it seems you are using the custom Header on the Product category archive page. I suggest you go to your custom and use the Headline/Text element to insert this dynamic content code {{dc:archive:name}} to get the title since when you use the custom Header the Theme Options settings are going to be overridden and you would not get the title.

OR you can create a custom Layout for the Product category archive page through the Layout builder.


You must assign the layout as well please have a look at this doc to learn more about how to assign the layouts.

Hope it helps
Thanks

#3

Thank you! Your first solution worked, however, the description text is now being covered by the title. If you look at all my product category pages, all the descriptions for that page are being covered by the title:

https://mypuffpass.com/product-category/vapes-and-carts/
https://mypuffpass.com/product-category/gummies/

You may not see it at first, but the top sentence in the description is being covered by the title.

#4

Hello @scottdforeman,

In order to get the description properly I would suggest you please add this custom CSS code to your layout or global CSS box.

.archive.woocommerce .x-container.max.width.offset {
margin-top: 10em;
}

Please feel free to change the margin value as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#5

Again, thank-you!

I am now noticing a jumping category title on scrolling. I know my client will want this fixed. Can you please provide a fix? You’ll see what I’m talking about here:

https://mypuffpass.com/product-category/cbd/

#6

Hey Scott,

Please update your Pro theme from 6.2.9 to the latest version which is the 6.3.3 version. You can check out the changelog here:

Cheers.

#7

Thank you - I’ve updated, made some tweaks, and am satisfied with how the product category pages are laid out. However, the fix that was earlier given for the title placement has now had a negative effect on all the product pages. The title and price of the product (all of them, over 100) is now hidden behind the title:

https://mypuffpass.com/product/doritos-medicated-cool-ranch/

#8

Hello Scott,

In order to display the product title properly on the product details page I would suggest you please add this custom CSS code to the layout CSS or global CSS.

.single-product.woocommerce .x-container.offset {
margin-top: 10em;
}

Please feel free to change the margin value as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.