Re: Collection list - make disappear names of the collections

Solved

Collection list - make disappear names of the collections

Vlk1
Excursionist
23 1 0

Hello, is it somehow possible to make disappear names of specific collections in collection list? To clarify it you can se in the picture what I wanted to remove and then how I wanted it to make it look. Thank you 

Vlk1_0-1707752413758.png

 

Accepted Solution (1)
Vlk1
Excursionist
23 1 0

This is an accepted solution.

Solution here: 

.collection-list__item .card__content { position: absolute; left: 0; bottom: 0; height: 100%; display: flex; align-items: flex-end; opacity: 0; } .collection-list__item .card__content .card__information { padding-left: 20px; }

Add it in the end of base.css for anyone who have same problem.

 

Working perfectly, source: https://community.shopify.com/c/shopify-design/collection-list-make-disappear-names-of-the-collectio...

View solution in original post

Replies 8 (8)

ThePrimeWeb
Shopify Partner
2138 616 502

Hey @Vlk1,

 

Can you share the link to your store please? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Vlk1
Excursionist
23 1 0
ThePrimeWeb
Shopify Partner
2138 616 502

Hey @Vlk1,

 

If you hide the name, then you cannot click into the collection anymore.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Vlk1
Excursionist
23 1 0

so it means that picture cannot be clickable without displaying a title under it. Is it right?

ThePrimeWeb
Shopify Partner
2138 616 502

Yes @Vlk1 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Vlk1
Excursionist
23 1 0

Well nevermind, thank you very much.

Vlk1
Excursionist
23 1 0

This is an accepted solution.

Solution here: 

.collection-list__item .card__content { position: absolute; left: 0; bottom: 0; height: 100%; display: flex; align-items: flex-end; opacity: 0; } .collection-list__item .card__content .card__information { padding-left: 20px; }

Add it in the end of base.css for anyone who have same problem.

 

Working perfectly, source: https://community.shopify.com/c/shopify-design/collection-list-make-disappear-names-of-the-collectio...

Vlk1
Excursionist
23 1 0

Solution above