Solved

Debut Theme: Hiding a Collection Title

Elisaw
Explorer
79 2 11

Hello, I want to hide the title on one of my collection pages (see image attached). Is this possible? You can preview my theme here: https://bwu20dkj9rd8mfd8-24792738.shopifypreview.com

Thanks so much in advance!

Bildschirmfoto 2021-02-22 um 15.54.40.png

Accepted Solution (1)
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. sections/collection-template.liquid->paste bellow code in bottom of file


{% if collection.handle == 'tartar-care' %}
<style>
header.collection-header .section-header.text-center {
display: none!important;
}
</style>
{% endif %}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 9 (9)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

header.collection-header .section-header.text-center {
display: none!important;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Elisaw
Explorer
79 2 11

@ZestardTechThanks for your reply! It seems like this will hide all the collection titles, is that right? I want to hide only on one specific collection

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. sections/collection-template.liquid->paste bellow code in bottom of file


{% if collection.handle == 'tartar-care' %}
<style>
header.collection-header .section-header.text-center {
display: none!important;
}
</style>
{% endif %}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Elisaw
Explorer
79 2 11

@ZestardTechperfect! Thanks a lot!

ZestardTech
Shopify Expert
5393 970 1291
Kindly feel free to get back to me if you need any further assistance Thanks!
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Elisaw
Explorer
79 2 11

@ZestardTechwould you be able to help with this one? https://community.shopify.com/c/Technical-Q-A/Different-header-in-product-pages/m-p/1117810

I have tried everything and still haven't figured it out. Thanks so much in advance!

ZestardTech
Shopify Expert
5393 970 1291

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Elias
Shopify Staff
2771 274 483

Hey, @Elisaw.

Elias here with Shopify Support. Thank you for reaching out.

First, I think the preview for your website looks amazing! The website looks professionally built with beautiful images and store policies for your customers. There's a nice amount of content and a good use of various sections on the homepage. I'm not seeing much that I can suggest to improve on, great job!

It is possible to hide the collection title by removing it from the collection template in your theme. However, if you're only hiding the title for the one collection, then you need to create an alternate template and assign it to this collection. This way, you're not affecting your other collections and they can continue to show the title with the original template. After you've duplicated the collection template, you can remove or hide the title and assign the template to the collection. I've also found a thread that can help with hiding/removing the titles: How to hide the collection title on my store page (theme pop).

Since Debut is a Shopify-supported theme and, if you're store is subscribed to a plan, this is something our Theme Support team can help you with if you run into any roadblocks. While we're unable to provide account-specific support via the Community Forums at this time, we'd be happy to continue assisting you through live chat, email, or callback. Please visit Shopify Help Center and log into your account to create a support request. 

That being said, it looks like you're almost ready to launch your store, do you have a marketing plan yet? 

Elias | 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

Elisaw
Explorer
79 2 11

@EliasThanks for reaching out and for helping me with a solution!