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

How to edit the product title tag from H2 to H3 or Span tag on the collection page

How to edit the product title tag from H2 to H3 or Span tag on the collection page

SieeemV
Visitor
3 0 0

Hi,

 

Hope someone can help me. I have collection pages in the Empire theme. But all the product titles are in H2. I can't seem to find them in the liquid files. Maybe I'm looking in the wrong place. I would like to edit the H2 tags to H3 or a span tag. If you prefer one over the other please let me know what to use and why :). 

 

This is the code of a product title;

SieeemV_0-1729590510154.png

 

Example collection is; https://mijn-wijnkoelkast.nl/collections/wijnkoelkasten

 

If you need more information, please let me know. Thanks in advance!

 

 

All the best,

 

Siem

 

SieeemV_0-1729590867483.png

 

All the best,

Siem
Replies 2 (2)

Moeed
Shopify Partner
7764 2082 2568

Hey @SieeemV 

 

If you want to change the product title from H2 to H3 on collection page then you can try searching for a file similar to product-card.liquid or main-collection.liquid. The file names should be similar to something like that. Feel free to let me know if you still can't find them and I will be more than happy to help you out!

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


akshay_bhatt
Shopify Partner
178 14 26

hey @SieeemV ,

change your code from this (change this line )

<h2 class="product__title">{{ product.title }}</h2>

if you want to chane h2 to h3 then

(to this line)

<h3 class="product__title">{{ product.title }}</h3>

if you want to change h2 to span

(then this line)

<span class="product__title">{{ product.title }}</span>

 

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know!

thanks and regards

Akshay bhatt

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
Email us