How To Remove Page Titles From Venture Theme?

Solved
New Member
4 0 0

Hi

New to this, so don't all shout at once :-) I was wondering if there is a way to remove the Page Titles from pages as it looks a little clunky? I am using the Venture theme. Ideally, it would be nice to remove titles from specific pages. 

Thanks for your help.

0 Likes
Highlighted
Astronaut
1126 150 295

It's not ideal of SEO to remove page titles, but if you want to do it you can go ahead and go into page.liquid in Online Store > Actions > Edit Code -- Go into your templates folder to find page.liquid.

 

You should see this:

 

<div class="page-width">
  <h1 class="small--text-center">{{ page.title }}</h1>
  <div class="content-block">
    <div class="rte rte--indented-images">
      {{ page.content }}
    </div>
  </div>

  {% section 'featured-products-subsection' %}
</div>

If you wanted to get rid of the title in your "About Us" page, you'd use an unless statement around the title:

 

<div class="page-width">
{% unless page.handle == "about-us" %}
  <h1 class="small--text-center">{{ page.title }}</h1>
{% endunless %}
  <div class="content-block">
    <div class="rte rte--indented-images">
      {{ page.content }}
    </div>
  </div>

  {% section 'featured-products-subsection' %}
</div>

You can keep adding conditions onto that same unless statement, for instance if you wanted to also hide the title for a page called "Contact":

 

<div class="page-width">
{% unless page.handle == "about-us" or page.handle == "contact" %}
  <h1 class="small--text-center">{{ page.title }}</h1>
{% endunless %}
  <div class="content-block">
    <div class="rte rte--indented-images">
      {{ page.content }}
    </div>
  </div>

  {% section 'featured-products-subsection' %}
</div>

Orrrr one other way to do it would be to assign a variable with a case statement and use the page handle as a condition and depending on the page handle assign the variable to true or false, based on that value hide the title or dont:

 

{% assign hide_title = false %}  
{% case page.handle %}
    {% when 'about-us' %}
      {% assign hide_title = true %}
    {% when 'contact' %}
      {% assign hide_title = true %}
   {% endcase %}
<div class="page-width">
{% unless hide_title == true %}
  <h1 class="small--text-center">{{ page.title }}</h1>
{% endunless %}
  <div class="content-block">
    <div class="rte rte--indented-images">
      {{ page.content }}
    </div>
  </div>

  {% section 'featured-products-subsection' %}
</div>
If my solution helped you, please like and accept as solution!
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
0 Likes
Highlighted
New Member
4 0 0

Wow, thanks Ninthony for the quick response, that worked a treat on most pages. The only 2 it didn't work on was Contact Us and Offers which I guess are template pages?

0 Likes
Highlighted

Success.

Astronaut
1126 150 295

In that case go to your Contact Us page and see what template is being used in the bottom right section of the admin, there should be a dropdown for templates:

 

template.jpg

 

So here this page has a different template applied to it, yours may be named differently but whatever is in the dropdown is the liquid file you're going to want to edit. For instance if I wanted to edit this I would go into my templates folder and look for "page.contact.liquid" and open that file, then essentially you can do the same thing that we did previously.

If my solution helped you, please like and accept as solution!
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
0 Likes
Highlighted
New Member
4 0 0

Thats brilliant. Many thanks for your excellent response. :-)

0 Likes