Hide the title on my collection page [Debut Theme]

Store Design
1

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
bks__0-1596991538658.png1255×551 126 KB

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

Please advise.

Thanks

2

Hello,

You can do it in 2 ways

  1. Just add this css in theme.scss.liquid under Assets
.collection-grid-item__title.h3 {
    display: none;
}
  1. 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-Theme/td-p/618051

Thanks

3

Thank you for the reply.

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

Kind Regards

4

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

1 Like
5

Thank you for your help

url: strywear.myshopify.com

password: help123

6
  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
4 Likes
7

Finally!!! :slightly_smiling_face:

Thank you so much Guleria

8

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?

9

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
Spiece80_0-1603293353008.png462×392 14.5 KB

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

Spiece80_1-1603293422758.png
Spiece80_1-1603293422758.png480×273 101 KB

10

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?

11

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

3 Likes
12

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!

13

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?

14

This helped me! Thanks!

15

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

Capture.JPG
Capture.JPG713×194 10.3 KB

16

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__

and section-header

It was

{{ 'collections.general.collection_label' | t }}: {{ collection.title }}

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’ %}

{{ 'collections.general.collection_label' | t }}: {{ collection.title }}

**{% 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 ]