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

Solved

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

rankcephs
New Member
4 0 0

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

 

Accepted Solution (1)

PaulNewton
Shopify Partner
7098 630 1484

This is an accepted solution.

 

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 <h1>{{collection.title}}</h1>

 

Always backup themes before changing files.

2. Go into the relevant collection.liquid files and change the <h2> & </h2> 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

Contact [email protected] for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


View solution in original post

Replies 2 (2)

PaulNewton
Shopify Partner
7098 630 1484

This is an accepted solution.

 

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 <h1>{{collection.title}}</h1>

 

Always backup themes before changing files.

2. Go into the relevant collection.liquid files and change the <h2> & </h2> 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

Contact [email protected] for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


rankcephs
New Member
4 0 0

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