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

[Ancientrome]

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

[B2Bridge]

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

[Ancientrome]

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

[B2Bridge · Accepted solution]

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:

<script>
  document.addEventListener("DOMContentLoaded", () => {
    const bannerEl = document.querySelector(".banner");
    bannerEl?.addEventListener("click", () => {
      window.location.href = "/" // Replace url if you need
    })
  })
</script>

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

[Ancientrome]

Wow it worked!!! Thank you

[Dan-From-Ryviu]

Hi @Ancientrome 

You can follow the instructions in this article to do that

Make image banner clickable

[Ancientrome]

This didn't work for me unfortunately.

[Dan-From-Ryviu]

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