Sense theme - Make multicolumn clickable, either the entire column (I have 3) or the image in each

Store Design
, , ,

Topic summary

A user seeks to make multicolumn product images on their Sense theme homepage clickable, linking to product pages.

Initial Solution:

  • A helper provided JavaScript code to be added above the </body> tag in theme.liquid
  • This successfully made the multicolumn elements clickable initially

Ongoing Issues:

  • The original solution stopped working after a few weeks due to hardcoded class references breaking when DOM elements changed
  • An updated code snippet was provided to fix current issues, placed above </head> instead
  • For a permanent fix that survives future edits, direct theme code access would be needed

Latest Request:
The original poster now wants:

  1. Ability to customize background colors for each multicolumn item (currently grey)
  2. Persistent clickable functionality that doesn’t break with theme updates

Another user encountered similar issues but had different site structure (multicolumn not initially visible), requiring site-specific code adjustments. The discussion remains open as the user seeks a more robust, dynamic solution.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I have been trying different code and it hasn’t been working. On the homepage I have 3 products in a multicolumn. I want when someone clicks on them to go to their product pages. How? Store: https://4d0ae3.myshopify.com/

2

Hi @talsworld ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

3

This worked, and I cannot thank you enough as nothing else was. I truly appreciate it. Thank you!

1 Like
4

Hi… I have the exact same issue, i followed the steps above but it didn’t work… assuming it’s site-specific? If so would you be able to help with my home page too please?

Store - pup-planet-6437.myshopify.com

5

Hi @Pup_Planet ,

The code is site specific. I revewed your site but colud not find any Multicolumn.

6

Pup_Planet_0-1712130493176.png
Pup_Planet_0-1712130493176.png1859×832 320 KB

How odd… it says it is in the builder screen? I have got round the issue by having ‘click here’ under the tiles, but customers are saying they take a while to realize that’s where they need to click as they try to click the picture first.

7

Can you private message me the issue?

1 Like
8

If you are looking to make the multicolumn clickable you can add below code at the end of theme.liquid file just above

If possile can you make a another post regarding issue and accept this as the solution if it works. It will help me grow.

Thank you

9

made a post called: ‘Sense Theme - Making Multicolumn Clickable, for each image’. thank you so much for help.

10

Hey, does this code work for any Sense theme? The solution above stopped working for me after a few weeks.

11

@talsworld ,

It looks like you made any changes to the secton[like removing items]? The previous code was hardcoded on the theme so any changes on the DOM element whill change the class reference. You can update the code to below code for it to work for current DOM.

If you want to make it dynamic so it doesnot stop working in the future, I will require access to the theme code. Please let me know if you want this changes.

12

Hey, I would like to make a change so that every time I use the multicolumn with the Sense theme I have the option to change each background colour (right now they are grey), and also make each image or item clickable to link to pages. Can you help me with this? The site I am trying to work with right now is: https://0npyoca7k6s1pw2b-81056465176.shopifypreview.com