Clickable Multicolumn Images [Trade theme]

Ask & Offer

Topic summary

Making multi-column images clickable in a Shopify store using the Trade theme. The author has tried several code changes; desktop behavior sometimes works, but mobile functionality remains problematic.

Context: “Multi-column images” refers to images arranged in columns that should link (be clickable). The store runs on the Trade theme.

Request: A clean, reliable solution that ensures the multi-column images are clickable on mobile devices.

Current status: No fix provided yet; the thread is an open request for help. No disagreements, attachments, or code samples were shared. Resolution pending and key question remains how to implement a mobile-safe, clickable setup.

Summarized with AI on December 28. AI used: gpt-5.
1

Hi everyone,

I need some help making multi-column images clickable on my Shopify store. I’ve tried several code changes, and while it sometimes works on desktop, I keep running into issues on the mobile version.

I’m currently using the Trade theme.
If anyone has faced the same issue or has a clean solution that works properly on mobile, I’d really appreciate your help.

Thanks in advance!

1 Like
2

Hi @Yass4282 :waving_hand: I’m @PaulNewton shopify-partner with a range of merchant solutions.
That’s doable in the trade theme , you can reach out to me for paid customization services.
To connect CLICK my profile-pic or visit my profile on the forums
ALWAYS include context in new communications, e.g. reference urls, posts urls, etc

3

I personally shared a number of solutions for “Multicolumn” sections.
Note that all Dawn family themes share the same theme code and, therefore all solutions are applicable to all of them.

For example: how to make images clickable in multicolumn
or How to make the multicolumn images clickable without text?

Unfortunately, as mentioned in the second link, Shopify no longer accepts content: CSS property in “Custom CSS” settings, so you will need to use “Custom liquid” section/block instead and slightly modify suggested CSS code:

<style>
  ... CSS code ...
</style>
1 Like
4

You could add this code to Custom CSS of your Multicolumn section to make image clickable.

.link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

Best regards,
Dan from Ryviu: Product Reviews App

5

Hi @Yass4282

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

6

Hi Tim could you be more specific where i should put the code please, i’m kind of beginner in this

7

Go to “Edit theme”.
Add a “Custom liquid” section right below your multicolumn section.
Paste code from the posts I referred to, wrapped with <style> and </style> as mentioned above.

8

I did as you said but the columns are still not clickable

9

I guess now is the moment for you to finally share a (preview) link to your store and a storefront password if one is set.

10

If your gonna do the work for free, flag the post and have it moved to Store Design for visibility and better ranking at least.