Hide page title on one page

Solved
New Member
4 0 0

Hello,

Can you tell me how to hide the page title on a single page. Theme is Debut.

 

Thanks

 

0 Likes
Community Manager
Community Manager
2498 171 376

Hi @chrislenoski,

 

Nick here from Shopify. 

 

This is definitely possible to do. Would you be able to share the URL for your store though? The store URL will greatly help make sure any code edits for this are correct rather than guessing in the dark. 🙂

 

Looking forward to hearing from you. 

 

All the best, Nick

Nick | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes

Success.

Astronaut
1088 149 274

go into your page.liquid and look for {{ page.title }} and use an if or an unless statement with the page's handle to exclude it. For example my default page.liquid for Debut is as follows:

 

<div class="page-width">
  <div class="grid">
    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
      <div class="section-header text-center">
        <h1>{{ page.title }}</h1>
        <em><p>Posted By: {{ page.author }} at {{ page.published_at | date: "%D" }}</p></em>
      </div>

      <div class="rte">
        {{ page.content }}
      </div>
    </div>
  </div>
</div>

If I wanted to exclude the title on my "Super Secret Title" page, i'd do this:

 

<div class="page-width">
  <div class="grid">
    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
      <div class="section-header text-center">
        {% unless page.handle == "super-secret-title" %}
          <h1>{{ page.title }}</h1>
        {% endunless %}
        <em><p>Posted By: {{ page.author }} at {{ page.published_at | date: "%D" }}</p></em>
      </div>

      <div class="rte">
        {{ page.content }}
      </div>
    </div>
  </div>
</div>

 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
2 Likes

Success.

Community Manager
Community Manager
2498 171 376

Hey @chrislenoski,

 

Thanks for sharing your URL. I had our themes team take a look and @Ninthony's answer is pretty spot on for what you are looking for here. 

 

Should you for any reason want to hide the page titles for all pages, you can do that also. To do this you would go to the theme.scss.liquid file and add the following code the very bottom: 

 

.template-page h1 {
    display: none;
}

Hope this and @Ninthony's answer helps! 🙂

Nick | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

1 Like
New Member
2 0 1

I had the same issue, i 've done the first step but now i have a  big blank . How can i delete this blank ? ThanksProbleme titre produits.JPG

 

1 Like
New Member
5 0 0

Hi there! I am also having this issue with the big empty space when the titles are removed, did you ever fond a solution for it??

0 Likes
Community Manager
Community Manager
2498 171 376

Hi @cece78 and @openeast,

 

Would you be able to share your store URL links and point out exactly where the space is on your store and I can take a closer look for you then, please? Without seeing the store or knowing what theme you are using, it's very difficult to figure out what the next steps can be for you on this. Looking forward to hearing from you. 

Nick | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
New Member
5 0 0
Hi Nick,
I am using the Debut theme and the store url is https://open-east.myshopify.com/admin/themes/78986641489/editor
I used a line of code from this thread that I commented on to delete the page titles on my Contact, About Us and FAQ, the code worked, but now there is a large amount of white space that I don’t know how to get rid of.
Here are some pictures of the specific spots I am talking about:


0 Likes
Community Manager
Community Manager
2498 171 376

Hi @openeast, thanks for getting back to me on this. 

 

I don't see any pictures about the specific posts about this, but you are using a Shopify developed theme. Because of that, our theme support team could look into helping you with this. I would need to reach out to you directly about this to verify some details to dig deeper. Would you be able to confirm if the best email to reach you on is the one you signed up to the community with? 

Nick | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes