How do I make my collections clickable please?

Shopify Discussion
1

Hi everyone, thanks in advance

currently, below my collections are clickable, but the collection image itself isn’t

I would like to remove the gap between my collections, and make it so that the entire image is clickable

Please can someone help

IMG_1038
IMG_10381179×2556 352 KB

2

Hey @Orchidfrog

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Welcome to the Shopify Community! :waving_hand:

I’d be happy to take a look.

Could you share your store URL and let us know which theme you’re using? The ability to make collection images fully clickable and adjust the spacing between collections often depends on the theme’s settings and structure.

Once you share the URL, the community can provide more specific guidance.

4

use this css code to make entire card clickable

.card-wrapper { position: relative; }
.card-wrapper a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}

for the gap purpose , use this css code to`base.css

.collection-list,
.collection-list.grid {
gap: 0;
row-gap: 0;
column-gap: 0;
}

5

if this doesn’t work share the store url will fix it

6

You seem to be using Dawn, but default Dawn collection cards have image clickable.
Like here – Collections – theme-dawn-demo

So either it’s not the default section or you’ve made some edits which made image unclickable.

Either way, it’s necessary to view your store, but it’s password protected.
Share a preview password to get better help.

8

You have added custom code to hide the collection titles, which is causing the issue. Please remove that code, then provide the protected password of your store so I can give you the code to remove titles and make images clickable.