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

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

TheDallasFamily
Tourist
9 1 4

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!

Replies 2 (2)

Harsita
Shopify Partner
46 10 22

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 (<a>).

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 <a> tag linking to another page.

Screen shot for reference:-

Harsita_0-1691563618019.png

And don't forget to close the <a> 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

Harshita || Recurpay Subscriptions

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
DGQs
Tourist
15 0 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?