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

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.

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