Make Collection List Images Clickable

Solved

Make Collection List Images Clickable

nadezhda_ilieva
Excursionist
16 0 5

Hi. How can I make the images in my collection list clickable? I was looking for a solution but nothing seems to work. Thanks! 

 

This is my website: www.aboutmi.bg

Password: nadiaScreenshot 2024-09-29 at 8.30.12 PM.png

 

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11708 2294 2476

This is an accepted solution.

Please remove this code you added to Custom CSS of that section 

.card__content {
display: none !important;
}

And replace with this code 

.card__content {
height: 0;
padding: 0;
opacity: 0;
}

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 4 (4)

PaulNewton
Shopify Partner
7746 679 1613

Hi @nadezhda_ilieva 👋 you'll need an advanced theme customization if a theme section doesn't already provide some way to render links for images or UI cards, etc.

As their needs to be both a setting per images, and changing the html, and styling.


You can contact me for customization services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


Dan-From-Ryviu
Shopify Partner
11708 2294 2476

This is an accepted solution.

Please remove this code you added to Custom CSS of that section 

.card__content {
display: none !important;
}

And replace with this code 

.card__content {
height: 0;
padding: 0;
opacity: 0;
}

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

nadezhda_ilieva
Excursionist
16 0 5

Thank you so much! It worked perfectly. 

Dan-From-Ryviu
Shopify Partner
11708 2294 2476

You are very welcome! 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.