Using Turbo Theme and all the Collection and Sub Collection Pages missing H1 Tags

Technical Q&A
1

Seeking Help from the experts.

All my Collection and sub-collection pages missing H1 Tags in the Turbo theme.

I want to use the Collection Title as the H1 Tag. And also want to increase the size & bold the collection title name. Can you please provide me with the step-by-step guidelines?

rankcephs_0-1704104433333.png
rankcephs_0-1704104433333.png479×184 32.8 KB

2

A stores name/logo is generally already the h1 tag in some themes.

Check the settings to ensure collections titles being h1’s is not an option.

Two options:

  1. Create a custom-liquid section , or block, with

    {{collection.title}}

Always backup themes before changing files.

  1. Go into the relevant collection.liquid files and change the

    &

    etc to be a h1 tag.

The file may be called main-collection.liquid, and either be a template or a section.

Then to increase bold, target heading tags in css with a custom css setting increasing the font-weight keeping in mind the font itself needs to support bold styles.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

example css, untested:

h1 { font-weight: 600; }

If you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Good Luck

1 Like
3

Hello Paul,
Thanks for your help. There was a settings problem. We fixed it also. It’s automated with the title right now.