Shopify themes, liquid, logos, and UX
Hi there,
I made some changes to the collection list like placing the card content above the collection image, and added drop shadow to the card heading.
After I did that only the card heading is clickable now and the collection images can't be clicked. I need a solution for this.
store- valcoure.store
Thank You
Solved! Go to the solution
This is an accepted solution.
Hey @AnSrSi
In your collection-card.liquid file, you just simply have to drag the anchor (a) tag right before the img tag so that it makes the entire image clickable. It will require code changes so it's recommended to hire a Shopify developer if you're not familiar with coding. Feel free to let me know if you want me to help with that and I would be more than happy to give a helping hand.
Best Regards,
Moeed
This is an accepted solution.
Hey @AnSrSi
In your collection-card.liquid file, you just simply have to drag the anchor (a) tag right before the img tag so that it makes the entire image clickable. It will require code changes so it's recommended to hire a Shopify developer if you're not familiar with coding. Feel free to let me know if you want me to help with that and I would be more than happy to give a helping hand.
Best Regards,
Moeed
Thanku @Moeed
for helping me understand the problem.
I put the img tag inside
<a href="{{ card_collection.url }}">
</a>
and it worked
Thanku once again.
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025