Solved

Hide the title on my collection page [Debut Theme]

bks_
Tourist
4 0 0

Hi All,

I have been searching and inputting html/ css codes in for hours. However no answer i insert removes my title page

bks__0-1596991538658.png

 

I would like to remove the text 'Kkoko Galore' and keep the image I have inserted into the description area.

Please advise.

Thanks

Accepted Solution (1)
Developer-G
Shopify Partner
3032 593 846

This is an accepted solution.

 

1) Just add this css in theme.scss.liquid under Assets

.template-collection .section-header h1 {
    display: none;
}

1) Just add this css in theme.scss.liquid under Assets 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 15 (15)

Developer-G
Shopify Partner
3032 593 846

Hello,

.collection-grid-item__title.h3 {
    display: none;
}

2) Edit collection-grid-item.liquid under Snippets and comment/remove line no. 46

{{ collection.title }}

 

Same answered here before https://community.shopify.com/c/Shopify-Design/Remove-Collection-Text-from-Collections-Page-Debut-Th...

Thanks

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
bks_
Tourist
4 0 0

Thank you for the reply.

 

I did try this again but unfortunately still has not removed the title

 

Kind Regards

LBarr
Visitor
2 0 0

Hi there, 

 

I have also tried both of these options with no luck. The header is still visible on the collection page. Can you assist?

GeoffreyC
Visitor
1 0 3

I'm definitely not an expert, but I had the same problem so I was trying some things to solve it. I got it to work by:

Edit collection-template.liquid under sections

delete where it says "{{ collection.title }}" on lines 41 and 60

 

LBarr
Visitor
2 0 0

Thanks for the help! I actually went ahead and commented it out to just hide it for the time being. I'm always hesitant to delete code as we update things a good bit. 

Thanks!

 

 

IcyBrrr08
Visitor
2 0 0

This helped me! Thanks!

Propero
Shopify Partner
895 101 160

Its the collection title and you should be able to remove from setting in the editor when you work with customize the theme. Otherwise please share the URL and I can try to give you CSS code

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
bks_
Tourist
4 0 0

Thank you for your help

url: strywear.myshopify.com

password: help123

Developer-G
Shopify Partner
3032 593 846

This is an accepted solution.

 

1) Just add this css in theme.scss.liquid under Assets

.template-collection .section-header h1 {
    display: none;
}

1) Just add this css in theme.scss.liquid under Assets 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
bks_
Tourist
4 0 0

Finally!!! 🙂

Thank you so much Guleria

simplyglatt
Tourist
4 0 1

Hi! Your solution worked THANK YOU!! 

Is there a way to do this for all my collection pages as well? It only removed the first one?

Spiece80
Visitor
1 0 0

I am also using Debut and it is not working for me. 

 

Here is the copy of what I entered at the bottom of this coding section:

Spiece80_0-1603293353008.png

 

The title is still showing up. Am I doing something wrong?

Spiece80_1-1603293422758.png

 

 

MichaelSD
Shopify Partner
4 0 0

Realize this is an old Topic, but hope this can help someone.

 

In My case, I just wanted to hide the Collection name on ONE of my pages 

so, needed to put a wrapper around the  {{ collection.title }} in the   collection-template.liquid file, i.e. 

(for both the collection-hero__  <div>    and   section-header <div>

 

It was

------------------------

     <h1>
     <span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
     {{ collection.title }}
     </h1>

------------------------

 

Amended to

------------------------

{% comment %} Hide the collection title if the collection handle is 'my-collection-name-to-hide' {% endcomment %}
{% if collection.handle != 'my-collection-name-to-hide' %}
    <h1>
    <span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
    {{ collection.title }}
    </h1>
{% endif %}

------------------------

 

[ just change    'my-collection-name-to-hide'     to your collection name

  will be obvious to most, but, for others        the   !=    means     Not =     i.e. allow everything else except this  ]

 

 

 

Sheena222
Excursionist
33 3 1

This worked for me, thank you.

 

How to remove the number of products though that is still showing in the title area? 

 

And how can I make the page show all products rather than a limit to a certain number per page please?

MichelleClark
Shopify Partner
24 0 5

Do you know how to remove the collection titles from the Collection list as well?

 

Capture.JPG