Re: How do I remove the collection title

Solved

How can I delete the collection title from the Ride Theme?

delta1seven1
Excursionist
13 0 9

Hi - I am wanting to remove the Collection Title on the "Collection List" section on the Ride Theme. I added the name of the collection to the image itself so I no longer need the title under the image. Any help would be appreciated!

 

delta1seven1_0-1656898976117.png

 

Accepted Solution (1)
KetanKumar
Shopify Partner
36927 3641 11995

This is an accepted solution.

@delta1seven1 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.collection-list-wrapper .card__content {
    position: absolute;
    height: 100%;
    opacity: 0;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 15 (15)

Niraj_singh
Shopify Partner
232 39 47

Hello @delta1seven1 

Can you please share your store URL so i ca suggest you css code for hide the collection title on collection list section.

banned

Lfbok
Shopify Partner
20 2 3

Lfbok_0-1656900174425.png

Edit your theme code,

Find the section-collection-list.css file,

Add code at the very bottom:

.card--card.card--media>.card__content{
	display:none !important;
}

 

banned
delta1seven1
Excursionist
13 0 9

This did not seem to work 😞

DelightCart
Shopify Partner
1242 82 157

@delta1seven1 

 

1. Online store > Actions > Edit code
2. Open the file collection-grid-item.liquid
3. Remove the below code

 

<div class="collection-grid-item__title-wrapper">
<div class="collection-grid-item__title h3">
{% if collection.title == blank %}
{{ 'homepage.onboarding.collection_title' | t }}
{% else %}
{{ collection.title }}
{% endif %}
</div>
</div>

 

4. Click Save

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
delta1seven1
Excursionist
13 0 9

Thank you for the reply but I don't seem to have that .liquid file.

KetanKumar
Shopify Partner
36927 3641 11995

@delta1seven1 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
delta1seven1
Excursionist
13 0 9

Denishamakwana
Shopify Partner
1408 173 231

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

Denishamakwana
Shopify Partner
1408 173 231

Please add below css code in bottom of assets/base.css file.

.collection-list-wrapper .card__content {
               display: none;
}
Thank you.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
delta1seven1
Excursionist
13 0 9

Thanks for this. This removed the Title text, but it also removed the hyper-link functionality of the image. So now I can't click on the image to bring me to the collection. Any idea how to bring that functionality back?

 

Thanks

delta1seven1
Excursionist
13 0 9

@Denishamakwana 

Thanks for this. This removed the Title text, but it also removed the hyper-link functionality of the image. So now I can't click on the image to bring me to the collection. Any idea how to bring that functionality back?

 

thanks!

KetanKumar
Shopify Partner
36927 3641 11995

This is an accepted solution.

@delta1seven1 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.collection-list-wrapper .card__content {
    position: absolute;
    height: 100%;
    opacity: 0;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
delta1seven1
Excursionist
13 0 9

This worked, thank you!

KetanKumar
Shopify Partner
36927 3641 11995

@delta1seven1 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

dziugastdi
Tourist
4 1 0

I did it! The Collection list no longer displays collection names either on the phone or computer. They also respond to clicks and redirect to the collection page. If anyone needs help, enter this code into theme.liquid immediately after <head>:

 

<style>
/* .card__content elementų parodymas tik telefonuose */
@media only screen and (max-width: 767px) {
.collection-list .card__content {
opacity: 1;
height: auto;
}
}
</style>
<style>
/* Visose įrenginių dydžio diapazonuose paslepia .card__content */
.collection-list .card__content {
opacity: 0;
height: 0;
}

</style>scrnli_2024-02-25 23-21-16.png