How to make collection grid image clickable and remove the shop button

Topic summary

A store owner wants to make collection grid images fully clickable instead of requiring users to click a \

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

URL: https://1v27tuhni88jbj8n-17240367.shopifypreview.com

I am trying to make the collection grid images clickable rather than having to click on the shop now button, does anyone know how to do that?

Current:

Expected: (when you hover it slightly zooms into the image and the image is clickable rather than the text)

Hey @emekayode ,

Haha that was a little challenging, but I think I got it

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

1 Like

Nearly perfect! The text is just for some reason not staying central, is there a way for that to stay centralised

That’s weird, it’s centralised for me. Let’s just try this


1 Like

my fault! it did work before I accidentally put it inside another style snippet, works perfectly now - thanks a lot

Alright, glad it worked!