Make Collection List Images Clickable

Store Design
,

Topic summary

A user sought help making collection list images clickable on their Shopify store. Two solutions were offered:

Solution 1 (Advanced):

  • Requires theme customization to add link settings for images
  • Involves modifying HTML and styling
  • More complex implementation

Solution 2 (CSS Fix):

  • Remove existing custom CSS that was hiding card content:
.card__content {
  display: none !important;
}
  • Replace with corrected CSS code

Outcome:
The user implemented the CSS solution and confirmed it worked perfectly. The issue was resolved through a simple CSS correction that restored clickability to the collection images.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

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: nadia

Screenshot 2024-09-29 at 8.30.12 PM.png
Screenshot 2024-09-29 at 8.30.12 PM.png2752×614 60.4 KB

2

Hi @nadezhda_ilieva :waving_hand: 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.

3

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;
}
1 Like
4

Thank you so much! It worked perfectly.

1 Like
5

You are very welcome!