Solved

Remove Collection name/title from homepage collection list

SAlawadhi
Excursionist
16 0 12

I'am trying to remove the title of the collection list from showing, as i only want the Collection Image to show as it contains the collection name. see below image

 

my theme Dawn 

 

Store URL: https://bforbaby.sa/

 

Screen Shot 2022-06-17 at 9.33.16 PM.png

Accepted Solutions (2)

made4Uo
Shopify Partner
3804 713 1124

This is an accepted solution.

Hi @SAlawadhi,

 

One way to do this and still keeping the image clickable is add the opacity = 0. Please follow the instructions below.

 

1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code. 
3. Open the base.css under the Asset folder. 
4. Add the code below. 

.collection-list-wrapper .card__content {
opacity: 0 
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

made4Uo
Shopify Partner
3804 713 1124

This is an accepted solution.

Hi @SAlawadhi,

 

Yes, you can add this code below to your base.css.

.collection-list-wrapper .card__content {
    height: 0 !important
}
Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 9 (9)

made4Uo
Shopify Partner
3804 713 1124

This is an accepted solution.

Hi @SAlawadhi,

 

One way to do this and still keeping the image clickable is add the opacity = 0. Please follow the instructions below.

 

1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code. 
3. Open the base.css under the Asset folder. 
4. Add the code below. 

.collection-list-wrapper .card__content {
opacity: 0 
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
SAlawadhi
Excursionist
16 0 12

Great, it worked. thank you so much

 

so, not possible to remove the space below and still be clickable! 

 

i also tried the solution by MyCodeMagic below, and it gives the look i wanted, but not clickable which is of no use ofcourse.

padraigtomas
Visitor
2 0 1

Does this method still work? I have attempted this code but nothing seems to have changed. 

RebeccaPR
Tourist
8 0 0

Same there, I tried with no luck! 

 

speedstyleeee
Visitor
1 0 0

Hi, is it possible to remove it only on homepage? check speedstyle.shop , it removes it from every other page, if you click on phone cases. thank you

MyCodeMagic
Shopify Partner
19 4 2

Hello @SAlawadhi,

 

You need following simple steps

 

1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code
3. Open the base.css under the Asset folder.  
4. Add the code below. 

 

 

li.collection-list__item .card--standard>.card__content {
    display: none;
}

 

Output like this:

Screenshot_3.png

 

MyCodeMagic
SAlawadhi
Excursionist
16 0 12

works perfect as far as look required, but it became not clickable!

made4Uo
Shopify Partner
3804 713 1124

This is an accepted solution.

Hi @SAlawadhi,

 

Yes, you can add this code below to your base.css.

.collection-list-wrapper .card__content {
    height: 0 !important
}
Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
SAlawadhi
Excursionist
16 0 12

@made4Uo Perfect. thank you