Are you trying to make your Dawn theme’s banner section image clickable? Look no further! Although the Dawn’s banner section comes with buttons that you can add links to, there is no way to make the image itself clickable. Well, up until now!

With this guide I’ll teach you how you can make your banner clickable just by pasting some code into your theme.

Making a backup of your current theme

Before diving into the tutorial make sure you download the theme, so in case you face any issues you can easily revert back.

Adding the code to your theme

1. From your Shopify Admin go to: online store > themes > actions > edit code
2. Find the file named exactly “image-banner.liquid”
   
3. Delete everything in there and paste this code:
   
   
   
4. Now click on the “save” button on the top right.

Adding a link to your image banner

1. From the “Customize” page, click on the “Image Banner” section.
   
2. You’ll see a new option at the top named “Link”:
   
3. Simply add the link you want and you’re all set!

You can also choose to open it in a new tab if you wish. Keep in mind that, if you have added any buttons, this new link will overwrite their URLs.

You may also like

Here are some other tutorials you may be interested in:
– Arrows & vertical thumbnails for Dawn’s product pages
– Dawn lightbox: responsive images, slider and arrows
– Improve your website’s safety: block right click, image copying and more