How do I add a link to image banner (dawn theme)?

Store Design

Topic summary

Main issue: adding a clickable link to the Image Banner in Shopify’s Dawn theme.

  • Initial request: The original poster couldn’t enable a link/block option for the banner despite trying multiple community suggestions.
  • Proposed fix: A contributor asked for the store URL and banner section code, and shared a code solution via a linked community post.
  • Outcome for OP: The shared code worked and resolved the issue.

Follow-up activity:

  • Another user asked if the same linking help could be applied to their banner (no confirmed outcome yet).
  • A different user implemented the shared code in image.banner-liquid but reported two problems: (1) the mobile image did not disappear, and (2) the banner became clickable but redirected to the homepage instead of the intended URL. They provided their site URL and requested further guidance.

Status: Partially resolved. The original case is fixed, but subsequent users still face issues with mobile behavior and incorrect link destination.

Notes: The linked code snippet is central to the solution; further code review per-store is likely needed. Discussion remains open.

Summarized with AI on January 24. AI used: gpt-5.
1

I have tried many ways from posts from this community, but none has helped

Is there any other ways to add a block or link option for image banner?

1 Like
2

@BrandoKan

oh sorry for that issue please share your store url and banner section code or Try this code

3

@KetanKumar Thank you so much! It works!

1 Like
4

@BrandoKan

its my pleasure to help

5

Hey, are you able to add a link to my banner as well ?

6

Hi @KetanKumar I tried adding your code to the image.banner-liquid but the result was

  1. The image in the mobile has not dissapeared

  2. The image is clickable but loads to the homepage

Any suggestions how I could fix this? The website is https://www.noridu.com/