Solved

Ride Theme: How to add H1 title on my website

NinescapeLand
Explorer
74 1 5

Hi guys, 

 

My Shopify theme is ride, but I find my website doesn't have H1 title, and I don't know how can I do? Can you help me to provide the solution for me?

 

NinescapeLand_0-1716264113798.png

NinescapeLand_1-1716264131205.png

 

This problem is all over my website, including but not limited to the home page,  product page, about page, project page, contact page, and more.

 

Best regard,

NinescapeLand

 

Accepted Solution (1)
JasmeetVT14313
Shopify Partner
204 48 57

This is an accepted solution.

Hi @NinescapeLand 

Glad it worked.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

As per your above problem is concerned, try updating the previous code with 

{% unless template contains 'index' %}
  <h1>{{ page_title }}</h1>
{% endunless %}

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

View solution in original post

Replies 17 (17)

JasmeetVT14313
Shopify Partner
204 48 57

Hi @NinescapeLand 
Can you try adding below code to the head of theme.liquid file.

<h1>{{ page_title }}</h1>


 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
NinescapeLand
Explorer
74 1 5

hi @JasmeetVT14313 

 

I think it has some problems. 

NinescapeLand_0-1716269906580.png

NinescapeLand_1-1716270064692.png

please check it out

 

best regard,

NinescapeLand

 

JasmeetVT14313
Shopify Partner
204 48 57

@NinescapeLand 
Can you please let me know details about the problem.
Also please share the theme preview URL on which you have implemented the code

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
NinescapeLand
Explorer
74 1 5

When I added the code you provided, there was an extra line of text at the top of my website, The below screenshot is my website the normal display.

NinescapeLand_0-1716272379650.png

 

Because your code has a problem, so I removed that from my website, this is my store link: https://ninescapeland.com/

 

Best regard,

NinescapeLand

JasmeetVT14313
Shopify Partner
204 48 57

@NinescapeLand 
Sorry, Can you try adding the same code to body.

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
NinescapeLand
Explorer
74 1 5

Great! This effect is what I want.

 

But I still have a problem, I don't know why my home page has two H1 titles, can you tell me what can I do? I want to solve this problem.

This is my website URL: https://ninescapeland.com/

 

NinescapeLand_0-1716346585902.png

 

JasmeetVT14313
Shopify Partner
204 48 57

This is an accepted solution.

Hi @NinescapeLand 

Glad it worked.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

As per your above problem is concerned, try updating the previous code with 

{% unless template contains 'index' %}
  <h1>{{ page_title }}</h1>
{% endunless %}

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
NinescapeLand
Explorer
74 1 5

Thanks for your reply

NinescapeLand
Explorer
74 1 5

Hi @JasmeetVT14313 

 

I found a problem again, My product page, news page, and blog pages all have two H1 title tables, can you help me solve them again?

 

Thank you very much

NinescapeLand

JasmeetVT14313
Shopify Partner
204 48 57

@NinescapeLand 
You need to make the h1 hidden with styling/css

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
NinescapeLand
Explorer
74 1 5

Hi @JasmeetVT14313 

 

Can you tell me how can I hide H1 with CSS or Styling?

 

Best regard,

NinescapeLand

JasmeetVT14313
Shopify Partner
204 48 57

Hi @NinescapeLand 
You can update the previous code as below

{% unless template contains 'index' %}
  <h1 class="hidden-heading">{{ page_title }}</h1>
{% endunless %}

 and add the below code to end of "base.css" file

.hidden-heading{font-size:0; margin:0;}

If it does not work please share the theme preview URL instead of LIVE theme URL

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
NinescapeLand
Explorer
74 1 5

Hi @JasmeetVT14313 

 

Thanks for your reply, I tried your new code on my website, but they are not useful, hope you can help me again. This is my website preview URL: https://ninescapeland.com/?_ab=0&_fd=0&_sc=1

 

Best regard,

NinescapeLand

 

JasmeetVT14313
Shopify Partner
204 48 57

@NinescapeLand 

The URL shared is not complete, please follow the below steps

1> Go to your store admin > Sales channels > Online store > Themes
2> Find the theme you want to share in the preview and click on the three dots
3> Right-click on Preview and select "Copy Link Address"
4> Share it here

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
NinescapeLand
Explorer
74 1 5

Hi @JasmeetVT14313 

 

I copied URL according to your teaching, this is my store's complete URL: https://ninescapeland.com/?_ab=0&_fd=0&_sc=1

 

But I not ensure that is right, [REDACTED], if this URL still has wrong, maybe you can send the cooperate request, I will accept it.

 

Best regard,

NinescapeLand

JasmeetVT14313
Shopify Partner
204 48 57

@NinescapeLand 
It's better to remove the collab code from above message. 
I'll send over the invite by tomorrow, if you do not receive the same you can reach out to me via email added in signature of this post.

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
NinescapeLand
Explorer
74 1 5

hi @JasmeetVT14313 

 

Is this your account? I have agreed with it.

NinescapeLand_0-1716470645062.png

 

Best regard,

NinescapeLand