Dawn theme: How can I make the banner image clickable (link) without a button?

Topic summary

A user seeks to make a banner image clickable in Shopify’s Dawn theme (v15.2.0) without displaying a button, as the button’s position is not aesthetically pleasing.

Solutions Provided:

  • B2Bridge offers a code snippet to paste in the image-banner.liquid file before the {% schema %} tag, including a screenshot reference
  • Dan-From-Ryviu shares a link to a detailed article with instructions

Outcome:

  • The user confirms B2Bridge’s solution worked successfully
  • Dan-From-Ryviu’s approach initially didn’t work, but they clarify that a button label and link must still be added in the theme settings—the code simply hides the button while making the entire image clickable

Status: Resolved. The user successfully implemented the clickable banner using custom code modifications.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

The button position of the banner image is not aesthetic.

Is it possible to make the banner image a clickable, leading to a product page?

Thanks

1 Like

Hi @Ancientrome , can you share us your store url?

Sorry but I don’t want to make it public. I don’t have any custom coding done on the site. The theme is Dawn 15.2.0

Hi @Ancientrome , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code

Step 2: Find image-banner.liquid file

Step 3: Paste this code before {% schema %} tag:


If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

Hi @Ancientrome

You can follow the instructions in this article to do that

Make image banner clickable

Wow it worked!!! Thank you

This didn’t work for me unfortunately.

1 Like

You still need to dad label and link to the button then my code will hide it and URL to your image