I have Dwell theme
my site is handmademarketsd.com
I need to change the Product-title to H1 i believe itis H2
I cannot find this in the html
can anyone help me find it
Camille
Hi @cjhinkle . The title youâre looking for should be, most likely, in the product.liquid file.
yes i keep hearing that but I cannot find it
product.liquid file.
I have looked in templest, sections, snippets, i have moved the word around i did find one clever hiding place
blocks/_product-card-gallery.liquid and maybe have fixed something, but when i got o a live version of my site and either Inspect or View Page Source I cannot find Product-title
here is what i found and is in place now and as you can see it has NOW the H1 in place i just cant verify and then again i am not even sure if i change the correct thing, I got help from the BOT help thing
{% capture children %}
{% unless block.settings.product == blank %}
{% render âproduct-card-badgesâ, product: block.settings.product %}
{% if settings.quick_add or settings.mobile_quick_add %}
{% render âquick-addâ, product: block.settings.product %}
{% endif %}
{% endunless %}
{% endcapture %}
{% render âcard-galleryâ, children: children %}
{% # Title and price for the zoomed out grid view %}
{% if block.settings.product == blank %}
**
{% endif %}
{% schema %}
{{ 'content.product_card_placeholder' | t }}
** {% else %}{{ block.settings.product.title }}
{% render âpriceâ, product_resource: block.settings.product, show_unit_price: false %}
Drew Oswald, thank your for this, but these were easy to fix , these are the Titles on each of my products
not what I was refering to, What I am looking for it the Prouct-title for ALL Products
whenever I run a scan from weather it is Ahref or SEOptismer, they both say my Product-title has to be H1 and you have to change the code to do that and I cant find that hidding anywhere but this is what I did find and do and I hope it is correct but I cant verify it by doing a Inspect or View Page Source on live site
I have looked in templest, sections, snippets, i have moved the word around i did find one clever hiding place
blocks/_product-card-gallery.liquid and maybe have fixed something, but when i got o a live version of my site and either Inspect or View Page Source I cannot find Product-title
here is what i found and is in place now and as you can see it has NOW the H1 in place i just cant verify and then again i am not even sure if i change the correct thing, I got help from the BOT help thing
{% capture children %}
{% unless block.settings.product == blank %}
{% render âproduct-card-badgesâ, product: block.settings.product %}
{% if settings.quick_add or settings.mobile_quick_add %}
{% render âquick-addâ, product: block.settings.product %}
{% endif %}
{% endunless %}
{% endcapture %}
{% render âcard-galleryâ, children: children %}
{% # Title and price for the zoomed out grid view %}
{% if block.settings.product == blank %}
**
{% endif %}
{% schema %}
{{ 'content.product_card_placeholder' | t }}
** {% else %}{{ block.settings.product.title }}
{% render âpriceâ, product_resource: block.settings.product, show_unit_price: false %}
Hi @cjhinkle
You can change it from your store admin > Sales channels > Online Store > Themes > Customize > Products > Default product > Details > Title
Hello @cjhinkle
After further checking your product page H1 status, you have a duplicated H1 tag issue on the store.
To find out if a duplicated H1 exists, check if the related content is from the default theme template first. If so, go to the Customized page and have a look whether it exists there, and if not, it should be generated by a third-party app, and you should contact the related app team to further support you.
From what I checked under the inspection mode page, it should be related to the product description related plugin generated content, and you need to further check with them to fix this issue, a kind reminder here!
Hi SeoAnt-Jeffery, Yes I know, UGH, I think it might have been caused by the third party , but not sure, the first title comes from the Collection Group that card is in and the other description is the description of that caard. so this is what i have
i have 3 groups of Greeting Cards
Birthday Greeting Cards
Blank Greeting Cards
Wedding Greeting Cards
these are 3 products with variations in them Birthday has 20 variations, Blank has 10 variation and Wedding has 5 variations
these 3 products roll into Collections
that first title is my Collections title and should not be there on the product page, so I am pretty sure I messed up the code, I dont think it was a third party app. As I have removed all of the SEO apps and it remains
I really appreciate your looking, thanks
Hello @cjhinkle
Thank you for the response and for sharing more details with me here.
If I understand you correctly, the first title, âBlank Greeting Cardsâ, related contents on the product page should not exist there. If so, you had better further check the settings in that third-party app and correct the page layout at first, and after removing the unnecessary content, this issue shall be fine then.
I do not think this issue is caused by the SEO apps, so if you still feel unsure what to do, better to contact the third-party app that messed up your product page content. Thank you!
I am using the Horizon Theme, and I am having the same issue. I spent 11 hours looking for the fix.
âMy product title is rendering as an H2 instead of H1. The block heading_m7KmQQ in blocks/_product-details.liquid shows type_preset: h1 but the live page outputs a bare
.â
Customer support is giving me the runaround (Sam) even though this is their architecture.
Being it is within there architecture I donât believe we can get inside to fix it. I told (Sam H.) the issue, and he came back with excuses. I asked him to elevate this to technical support, and he came back with another excuse. I asked him for Management or Corporate and he came back with mor excuses. I asked him to elevate this again and he stated well Moâs website says this⌠I found it unprofessional and inexcusable that he did not want to help, Itâs all there on the ticket. In uncertain terms he told me to through money at it and fix it yourself. Unprofessional. Just trying to run a business, told this works told me that h1 were generated automatically and they do not, they generate out bound a h2. Iâm pretty pissed off now and am looking for help and as I stated to him if there is one glitch in the system there are more on other themes and here it as stated⌠Shopify is still looking for more licensing in the USA with other states, ok, then why not help your customers out since we are paying the bill. Youâre not working with us but against us. Iâm ready to go to the Federal Trade commission and other agencies and see what they have to say about a Canadian company coming to the USA and not helping its customers. It seems Sam speaks for Shopify he is above the CEO.
You should not have to fix Shopifyâs Architecture, that is a given that is what they are sellingâŚ
Hi Camille,
I would be happy to help you sort this out. Changing your product title to an H1 tag is a fantastic move for your site SEO and accessibility.
Because the Dwell theme uses a standard Shopify structure, the code you are looking for is tucked away in your Sections folder rather than the main theme file.
Before making any changes to your code, it is always best practice to duplicate your live theme. This gives you a safe backup just in case anything goes wrong.
Here is the step by step process to find and update that heading tag.
Step 1: Locate the Product Section File
1. Go to your Shopify Admin dashboard.
2. Navigate to Online Store, then select Themes.
3. Click the three dots next to your active Dwell theme and choose Edit code.
4. In the left sidebar, scroll down to the Sections folder.
5. Look for a file named â main-product.liquidâ or â product-template.liquidâ and click to open it. (Note: If you do not see it there, check the Blocks or Snippets folder for a file named â product-title.liquidâ or â product-info.liquidâ *)*.
Step 2: Find the Product Title Code
Once the correct file is open, you will need to search for the specific line that outputs the title.
1. Click anywhere inside the code editor.
2. Press â Ctrl + Fâ on Windows or â Command + Fâ on a Mac to open the search bar.
3. Search for the exact term â product.titleâ .
Step 3: Update the Heading Tags
You will find a chunk of code that wraps the product title in an H2 tag. It will look very similar to this:
{{ product.title | escape }}
Your specific class names inside the quotation marks might look slightly different, and that is perfectly okay!)
All you need to do is change the opening â <h2âŚ>â and the closing â â tags to â h1â . It is very important to leave the class names exactly as they are so you do not lose your theme styling. Your updated code should look like this:
{{ product.title | escape }}
Step 4: Save and Verify
Click the green Save button in the top right corner of the editor. To make sure it worked, go to your live website, open any product page, right click on the product title, and select Inspect. You should now see it proudly sitting as an H1 tag in your site code.
Let me know if your theme files look a bit different when you open them up and we can track down the exact line together!
In Horizon family of themes there is no need to edit theme code to change product title from H2 to H1 and vice versa.
Read the following topic from this post down â Horizon theme h1 customization - #19 by tim_tairli