We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

H1 Tag collection page, remove "Collection:"

Solved

H1 Tag collection page, remove "Collection:"

PyroProducts
Excursionist
17 2 3

If I put my collection page... https://www.pyroproducts.nl/collections/aanstekers through the heading tag checker I see that my H1 tag is as follows: Collection: Lighters. But is there any option that I can remove the part of "Collection:". On google you sometimes see it too.

I just want the H1 tag to be: "Aanstekers" 

 

See photo's below
Scherm­afbeelding 2023-07-19 om 11.58.53.pngScherm­afbeelding 2023-07-19 om 12.01.51.png

Accepted Solution (1)

PyroProducts
Excursionist
17 2 3

This is an accepted solution.

Well, i found the solution by myself. 
Go to main-collection-banner.liquid. > Search for Collection-hero__title.

 

Remove the following code on line 7 (for me)

<span class="visually-hidden">{{ 'sections.collection_template.title' | t }}: </span>

So what you have left is: 
<h1 class="collection-hero__title">
<span class="visually-hidden">{{ 'sections.collection_template.title' | t }}: </span>
{{- collection.title | escape -}}
</h1>

View solution in original post

Reply 1 (1)

PyroProducts
Excursionist
17 2 3

This is an accepted solution.

Well, i found the solution by myself. 
Go to main-collection-banner.liquid. > Search for Collection-hero__title.

 

Remove the following code on line 7 (for me)

<span class="visually-hidden">{{ 'sections.collection_template.title' | t }}: </span>

So what you have left is: 
<h1 class="collection-hero__title">
<span class="visually-hidden">{{ 'sections.collection_template.title' | t }}: </span>
{{- collection.title | escape -}}
</h1>