How can I make the image banner clickable in the Dawn theme?

[calbowes]

Hi - i've started designing a new shopfront on the Dawn theme and so far it seems to be great.

However, i would like to know if it is possible to add the option of adding a url to the Image Banner section so that it links to your chosen url when clicked?

This is one feature on my old homepage (www.walltowallmusic.co.uk) that i would love to be able to replicate.

Thanks

[Personalisedpup]

Hi,

Is there a solution confirmed for this? 

Could someone please send me a step by step guide to change this to clickable?

Thanks

[diego_ezfy]

@Personalisedpup 

Yes, you can take a look at it here. Did you try it out? If it doesn't work let me know and i'll help you. 

Kind regards,
Diego

[Stacey_Dale]

Thanks Diego_ezfy. The code works but it obstructs our mega menu from working properly.  If you select a menu item that is above the banner image it's fine, but if the menu item is one of the dropdown items and it drops over the banner image, when you click the menu item, it takes you to the banner image link.

[EMSC]

Hi @diego_ezfy

Thank you for providing this code and a link to your article! Quick question: after making this change I now get the following error when I edit headings in image banners: 

missing translation: "t:sections.image-banner.blocks.heading.settings.heading_size.label" is not present in any of the ["en"] schema locale files

I would greatly appreciate any help I can get with this! Thank you in advance! 

[Velrenov_Benoit]

For the Dawn 12, I found this and it seems to work !

https://websensepro.com/blog/how-to-make-the-image-banner-clickable-shopify/