Shopify themes, liquid, logos, and UX
Hi All,
I have been searching and inputting html/ css codes in for hours. However no answer i insert removes my title page
I would like to remove the text 'Kkoko Galore' and keep the image I have inserted into the description area.
Please advise.
Thanks
Solved! Go to the solution
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
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; }
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
Thank you for the reply.
I did try this again but unfortunately still has not removed the title
Kind Regards
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?
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
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!
This helped me! Thanks!
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
Thank you for your help
url: strywear.myshopify.com
password: help123
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
Finally!!! 🙂
Thank you so much Guleria
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?
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:
The title is still showing up. Am I doing something wrong?
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 ]
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?
Do you know how to remove the collection titles from the Collection list as well?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024