Debut Theme: Image with Text Overlay Clickable Image

Topic summary

Goal: make the entire “Image with Text Overlay” (Debut theme’s hero section) clickable to a collection/link, instead of only the button.

Code-based options:

No-code workaround:

Notes:

  • hero.liquid is the template file for the homepage banner; “button_label/button_link” are theme settings.
  • One screenshot was shared of a broken layout.

Status: Multiple working approaches, but risks include layout breakage and no documented revert steps. Discussion remains open.

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

If I am understanding what everyone is asking correctly… You want an image on your homepage that is clickable to goto a collection, product, blog, etc… I’ve seen many complicated ways to do this but there’s actually a VERY easy way even for people without coding experience.

Upload your image you want to use by whatever means…

Goto Files and get that image URL,

Then simply goto your homepage and add a custom content section.

Once in there, add custom HTML

and use the most basic easiest HTML for an image with link. If you don’t know how to do that, just google html code for image with link.

Very simple. If you want to control the size of your image, you can then add width and height to it.

EZPZ done.