Change product title from H1 to H2 (Vintage theme)

Technical Q&A
, , ,
1

Hello!

We are using a vintage theme called Trademark. For SEO purposes we would like to change the H1.

There was a recent topic regarding this (here), but my themes code/sections do not seem to have something similar.

Any help would be greatly appreciated!

Thank you!

2

Hi @HannahReyenne

In the Vintage “Trademark” theme, the H1 is likely hardcoded in the Liquid files, which is why you don’t see a setting to change it in the theme customizer.

Here’s how you can update it:

  1. Edit the Theme Code

    • Go to Online Store → Themes → Actions → Edit code.

    • Check files like index.liquid, product-template.liquid, or collection-template.liquid.

    • Look for <h1> tags and update the text inside, or replace it with a Shopify variable like {{ page.title }} for dynamic content.

  2. Check Theme Settings

    • Sometimes H1 text can be edited via Customize → Sections → Homepage or Banner settings. Look for any “Heading” or “Title” fields.

  3. Use Metafields (Optional)

    • Create a metafield for H1 text and update the Liquid file to pull from it. This allows future edits without touching code.

:light_bulb: Tip: Always backup your theme before editing Liquid files.

I Hope It’s HELP

Best

Nobble

3

Hi @Nobble!

Thank you so much for the reply!

I believe I found the h1 tags in the collection-template.liquid file.

If I’m understanding right, would I replace the “h1” with a different heading, like “h2” in these areas?

image
image1905×504 59.5 KB

image
image1721×847 79.7 KB

Would that change the collection titles only, or the product titles tags as well? I did not see any heading tags in the product-template.liquid file.

Thank you again!

4

Hi @HannahReyenne

The <h1> tags in collection-template.liquid only affect collection page titles. They do not change product page titles.

For product pages, check product-template.liquid (or similar files) for where {{ product.title }} is rendered. You can wrap that in an <h1> if needed, but make sure each page only has one H1 for SEO purposes.

So editing the collection-template will only impact collection titles, not the product titles.

5

Hi @Nobble :slight_smile:

That’s been my struggle, haha. In product-template.liquid, the is no {{ product.title }} in the file. Currently, the product.title is H1, but we want it to be H2 and change a different element to H1 for SEO.

Below is the current code in product-template.liquid. Is it possible to add something in to change the product title from H1 to H2? I can see from the html on the website that it IS pulling from product-template, but I’m unsure how to edit it.

If it helps, the website is birdtricks.com.

Thank you again!!

6

@Nobble

Ahh - i believe I found it! There is a product-meta.liquid that seems to be handling all of that instead of directly in the template! :slight_smile:

7

Hi @HannahReyenne

No worries! Here’s how you can safely change your product title from H1 to H2 and add a new H1 for SEO in Shopify:

Step 1: Open the product-template.liquid file

  • In your Shopify admin, go to Online Store → Themes → Actions → Edit code.

  • Find product-template.liquid under Sections or Templates.

Step 2: Locate the product title

  • Look for something like:
<h1 class="product-title">{{ product.title }}</h1>
  • Sometimes it may be inside a snippet like product-title.liquid, so check Snippets if you don’t see it directly.

Step 3: Change the H1 to H2

  • Replace the <h1> tag with <h2>:
<h2 class="product-title">{{ product.title }}</h2>

Step 4: Add a new H1 for SEO

  • Above or near the product title, you can add a new heading relevant for SEO, e.g.:
<h1 class="page-heading">{{ collection.title }}</h1>
  • Make sure there’s only one H1 per page for best SEO practices.

Step 5: Save and preview

  • Click Save in the editor.

  • Preview your product page to confirm:

    • Product title is now <h2>

    • Your new H1 shows correctly

Tip: If your theme uses snippets to generate the product title, you’ll need to edit the snippet instead of product-template.liquid.

8

Wow…

that’s good

Keep on doing it and gives the reply here

9

Hi @HannahReyenne

For some specific themes on Shopify, the H1 tag on product title is set with hard code indeed, like what @Nobble said here. Therefore you cannot change it directly from customization page and need to change by finding related product liquid file.

I can help you locate the related codes on the website. Please proceed to share your store URL so that I can continually work on it to express more clearly. Thank you!

10

Hi @SEOAnt-Jeffery !

It seems my product manages those in product-meta.liquid, previously I was looking at product-template.liduid.

In the assets file I found this code:

<h1 class="product__title {% if template.name == 'product' %}h2{% else %}h4{% endif %}">{{ product.title }}</h1>

With that I was able to simply change H1 to H2 and it worked perfectly!

11

Fantastic! It is happy to know you found out the code properly and solve this issue. Keep up the good work :+1: