Make Collection List Images Clickable

Solved

Make Collection List Images Clickable

nadezhda_ilieva
Excursionist
14 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
9527 1912 1947

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 and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

PaulNewton
Shopify Partner
7032 629 1481

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
9527 1912 1947

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 and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

nadezhda_ilieva
Excursionist
14 0 5

Thank you so much! It worked perfectly. 

Dan-From-Ryviu
Shopify Partner
9527 1912 1947

You are very welcome! 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.