How can I make my image banner clickable on my homepage?

Shopify Discussion

Topic summary

A user wants to make their entire homepage image banner clickable, directing visitors to a different page without using the built-in button option.

Initial Solution Provided:

  • Edit the image-banner.liquid file in the theme’s Sections folder
  • Wrap the banner div with an anchor tag (<a>)
  • Screenshots demonstrate where to insert opening and closing <a> tags
  • This approach successfully makes the banner clickable to collections pages

Follow-up Questions & Refinements:

  • One user asks how to link to external URLs (like Instagram) instead of internal collection pages
  • Another user notes the original solution affects all banners store-wide, not just the homepage banner

Alternative Solution:

  • A YouTube tutorial link is shared that allows customization per individual banner with any desired URL

Status: The basic implementation works, but questions about external links and selective application remain partially addressed through the video resource.

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

I’d like to add a link to the entire Image Banner so when customers click anywhere on the home page banner they’re brought to a different page. I prefer a clickable banner over the built-in option of using a button.

My Site: thedallasfamily.com

Thanks in advance!

2

Hi @TheDallasFamily

Thank you for reaching out to the Shopify community.

To make the whole image banner a link to another page, you have to add the code of the banner inside the anchor tag ().

Go, to your theme editor and search for a file named image-banner.liquid in the Sections folder.

There before the div with banner id you have to insert an tag linking to another page.

Screen shot for reference:-

Harsita_0-1691563618019.png

And don’t forget to close the tag.

Harsita_1-1691563671488.png

Now if i click on my image banner it will take me to the collections page.

Please give it a try and let me know if this was helpful.

Thanks
2 Likes
3

Hi Harsita,

Thank you for this information. I used it and it works really well. However I want to redirect it to a url, not to a collections page. I want to redirect my image banner to my instagram page. how do I do this please?

4

So this Fix applys to every banner in the whole store. How would we go about only doing just one banner on the home page?

5

This link helped make it custumizible for each banner and you can put whatever link you want in it.

https://www.youtube.com/watch?v=EtjKGcdo3yw