Need entire image banner to be clickable in Dawn theme 15.2.0

Store Design

Topic summary

A user running Dawn theme version 15.2.0 seeks help making their entire image banner clickable, reporting that previously found coding solutions haven’t worked.

Proposed Solutions:

  • One responder shared a tutorial article with step-by-step instructions
  • Another provided code snippets showing how to wrap the image <div> with an <a> tag and add a schema setting for the banner link URL

Implementation Challenge:
The original poster added the provided code to base.css but was unclear about the next steps—specifically where to configure the destination URL for the banner click.

Resolution:
A support team member confirmed the banner became clickable and provided a simplified explanation: wrap the <img /> tag inside an <a> tag with the desired redirect link. The issue appears resolved, though the exact implementation method used by the poster remains unspecified.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I have Dawn theme 15.2.0 I need my entire image banner to be clickable. I found a bunch of coding solutions online but they don’t work. Can someone help?

2

Hi @CuttingEdgeProm

Could you please share the store link with us so we can check further?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

3

Hello @CuttingEdgeProm
This would need custom coding to make the whole banner clickable.
I will suggest you to go with the experienced developer, or i can also help you with this.
Thanks

1 Like
4

Hi @CuttingEdgeProm

You can follow this article to make image banner clickable

https://buymeacoffee.com/dandong910/how-make-image-banner-clickable-shopify-dawn-theme

5

Hi @CuttingEdgeProm , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

6

To make an entire image banner clickable in Shopify Dawn theme , follow these steps:
Wrap the image

with an tag to make it clickable. For example:


  

    
  

{
  "type": "url",
  "id": "link",
  "label": "Banner Link",
  "default": "#"
}

Let me know if you need more detailed guidance!

7

hi-i added all of your code to the bottom of base.css But what do I do now? There needs to be a section that I go to so that I can program what link to go to if someone clicks on the banner. can you help?

8

Hi @CuttingEdgeProm

I have just checked and found that your banner is clickable now.

Not sure if is there anything else that we can help you with?

Best,
Daisy - Avada Support Team.

9

@CuttingEdgeProm

If this happens again, you should wrap the image tag inside an anchor tag in the banner code.

Example:

<a href="link-redirect">
    <img src="img-link" />
</a>