Add Clickable URL to the image in Image with Text Overlay section

Store Design
, , ,

Topic summary

A user wants to make the entire hero image in their “Image with Text Overlay” section clickable, while keeping the built-in link and button options disabled. The site uses the Baseline theme.

Proposed Solutions:

  • One responder suggests wrapping the image in an <a> tag via theme code editing, providing a basic HTML snippet.
  • Another developer offers to add a custom URL input field to the section settings using Liquid (similar to work done on the Dawn theme), but notes implementation differs by theme.

Current Status:

  • The original poster hasn’t confirmed which approach they’ll pursue.
  • One responder offered to review the theme files directly as a collaborator to identify the exact file needing modification.
  • No final implementation or resolution has been reached yet.
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi. On our site, we have a Image with Text Overlay as the top section.

We can only add urls to a “Link” or “Button” in the theme settings.

We want to keep link and button turned Off, but hyperlink the main image, so anyone clicking/tapping that will go to the url we set.

Any ideas? Theme is Baseline and site is lacesout.co.uk

Thanks

1 Like
2

yes we can edit theme code by add link:
3

Thanks. How do I implement this?

4

I think I need check your theme code and can found exactly the file need update. If ok let add me as collaborator to check it

Screenshot 2025-05-02 at 22.45.27.png
Screenshot 2025-05-02 at 22.45.27.png1825×1010 444 KB

5

I was able to implement this for the dawn theme but since you are on a different theme just sharing the code wouldn’t be feasible.
Check this site i worked on: amiamiclub.com
I added a setting with liquid which gives you a url input in the settings of the section to add a url to any external site or a page within your store.

Best
Shadab