How do I make images clickable in the multicolumn of Sense Theme without changing the entire .liquid code?
Topic summary
Making image tiles in the Sense theme’s Multicolumn section clickable without rewriting the entire template.
-
Edit location: Actions > Edit code > Sections > multicolumn.liquid.
-
Core change: Wrap the column (or the image wrapper named ‘multicolumn-card__image-wrapper’) in an anchor tag so the image becomes a link. An anchor tag is an HTML link; .liquid is a Shopify template file.
-
Guidance provided: One reply advises enclosing the complete column in . Another points to the exact spot near the image wrapper. Screenshots indicate where to insert the code; the posted code snippet content is not visible here, but is central to implementation.
-
Implementation issue: A user reported images still not clickable. Cause identified: mismatched tags—an was closed inside an open
-
Fix: Move the closing to after the closing so the link properly wraps the image/container.
-
Status: No confirmation of success yet. Action items: correct tag nesting, ensure the link fully wraps the image, and test in preview.
There should be the file for the Multicolumn section, then add the complete column in an anchor tag.
Sorry can you share an example? I’m by no means an expert on this.
1 Like
Hi @Connor_Bentley ,
Please go to Actions > Edit code > sections > multicolumn.liquid file, find ‘multicolumn-card__image-wrapper’ and add code here:
Code:
Hope it helps!
2 Likes
Hello,
I tried putting this code in but the images are still not clickable in the column. is there something else to this to make it work?
Hey, there’s a mistake in your code. You opened a <div> but mistakenly placed a closing tag </a> inside it. To fix it, move the </a> tag after the closing </div>. Here’s an example:
------division contents --------