Solved

How to hide the text below the Collection in Collection page

IntechCarl
Explorer
70 0 6

Hi everyone,

 

I want to hide the text below the photo in my collections, I tried some codes but it also hides the product titles in my home page and other products.
See the photo below for reference.

IntechCarl_0-1700133713574.png

 

Accepted Solution (1)
Adenan
Tourist
9 2 2

This is an accepted solution.

Hi ^^,

Sorry for the mistake, with this code the edit is made only on the titles on the collections page 😉 (I specified the path of titles to be edited).

/* HIDE TITLES IN COLLECTION PAGE */
.collection-list .card:not(.ratio)>.card__content {
    opacity: 0;
    height: 0;
}

 

Let me know if it works!

Adenan K.
Helping with your technical queries! If I've assisted you, consider buying me a little espresso (click here ✌️) to support my efforts.
Happy coding!

View solution in original post

Replies 8 (8)

websensepro
Shopify Partner
872 117 126

Hi, @IntechCarl 

Send me Page URL

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
IntechCarl
Explorer
70 0 6

Hi! I sent you privately the link

IntechCarl
Explorer
70 0 6

https://yywy1ulr838gm-13830324282.shopifypreview.com
Add the letters (a), (p), and (k) betwen 8 and 38gm in the link

Adenan
Tourist
9 2 2

hey ^^

Try adding this code at the bottom of your 'component-card.css' file (you have to edit your theme code).

 

/* HIDE TITLES IN COLLECTION PAGE */
.card:not(.ratio)>.card__content {
    opacity: 0;
    height: 0;
}

 

 

Let me know if it works 🙂

Adenan K.
Helping with your technical queries! If I've assisted you, consider buying me a little espresso (click here ✌️) to support my efforts.
Happy coding!
IntechCarl
Explorer
70 0 6

Hi! i tried using this code and it works, but the problem is it also hide the title of the card in my products. I want it only in the collection cards.

Adenan
Tourist
9 2 2

This is an accepted solution.

Hi ^^,

Sorry for the mistake, with this code the edit is made only on the titles on the collections page 😉 (I specified the path of titles to be edited).

/* HIDE TITLES IN COLLECTION PAGE */
.collection-list .card:not(.ratio)>.card__content {
    opacity: 0;
    height: 0;
}

 

Let me know if it works!

Adenan K.
Helping with your technical queries! If I've assisted you, consider buying me a little espresso (click here ✌️) to support my efforts.
Happy coding!
IntechCarl
Explorer
70 0 6

It worked! Thanks a lot!

Adenan
Tourist
9 2 2

You're welcome! 🙂

Adenan K.
Helping with your technical queries! If I've assisted you, consider buying me a little espresso (click here ✌️) to support my efforts.
Happy coding!