Hi, I’m trying to make my entire image of the “Image with Text Overlay” section clickable (linked with my collection), instead of having a clickable small button. Here’s what I did: Image with Text Overlay → Button label (left empty) → Button link (selected my collection) It didn’t work. I came…

Any chance of seeing a link to this in action? It’s much easier for the forum members to troubleshoot things when they can see it working (or not) and see the debug logs live.

Hey, Brian! Did you figure it out? Looking for the solution - It would be really helpful if you could share.

Ok. I actually just copied the original sections HTML and added is as custom HTML - editing the image to be clickable.

What do you mean you copied the HTML? From hero.liquid or where? Thanks in advance. That text overlay section is a real pain in the ass. -Kriszti

Anyone have a fix for this? Looking to do the same on my site

My current theme is Debut. Edit code: Sections => hero.liquid Insert: {%- if section.settings.button_label == blank and section.settings.button_link != blank -%} <a href="{{ section.settings.button_link }}"> {%- endif -%} Before <div data-section-id="{{ section.id }}" data-section-type="hero-se…

this worked but then it messes up my collection showcase. Normally i have 4 products in a row but now the first row only have 3 products and a 3rd row is created with one product

Hey man! I had a problem with this for 3 days and I spent hours searching for it. I paid a guy 15 dollars for this knowledge and I learnt it very well. I made steps on how to make clickable image, and note that the button will be used as a link. 1,Open hero.liquid and find the code below [{{ sect…

Idk what happened but i broke my theme. And now my store is looking broken. How can i revert this? [2f22e1e1c5d97b8a53ca26bd8534604b.png]

Debut Theme: Image with Text Overlay Clickable Image

Store Design

Titto84 September 4, 2019, 3:03pm 7

Hello there how can i do that? Do you still remember?

Topic		Replies	Views
Making "image with text overlay" clickable in debut theme Store Design design , customizations , css	3	73	March 10, 2023
How do I make the image text overlay a clickable link on the debut theme? Store Design	4	63	January 13, 2022
How can I make the entire image in an Image with Text Overlay a clickable link? Shopify Discussion design , customizations , shopify-themes , troubleshooting	3	91	September 3, 2025
[Baseline 2.0 theme] How to make the entire 'Image with Text Overlay' clickable? Store Design	2	30	April 27, 2022
How can I make an image clickable in a custom section? Store Design customizations , landing-page	6	279	March 30, 2024

Debut Theme: Image with Text Overlay Clickable Image

Related topics