How to make the entire collections card clickbale (insted of just the title) in shopify dawn theme ?

Technical Q&A
, , ,
1

Would love some help on this!

Right now I have 4 collection cards displyed on my homepage, but only the title of the collection is clickable. I would love to make the whole card clickable so that it can lead to their respective collection pages.

Just FYI, I have alredy done some coding to make the title text overlay on the image. Just incase any code recomendations interfiers with that.

here is what the section looks like -

Screenshot 2025-04-25 at 10.35.48 AM.png
Screenshot 2025-04-25 at 10.35.48 AM.png2520×998 715 KB

Thankyou in advance!

2

Hey,

This is coding stuff. You need to enclose Product cards with an anchor tag. Something like this.

 
Product Card Coding

If you need futher guidance the share the collab code in the p/m so that I make it clickable.

Thanks

3

You can do this with CSS only.

Go to your Online store, press Customize next to your theme and enter the following code into this section setting “Custom CSS” (at the very bottom):

.collection-list__item .card > .card__content {
  position: static;
  z-index: 1;
  padding: 0 2rem;
  height: 8rem;
  margin-top: -8rem;
}
4

THANKYOU! You are a life saver! Ive been trying to do this for hours, and you solved it immidiately!