How do I make an image clickable in an "Image with Text" Section?

Technical Q&A

Topic summary

Issue: A user wants to make an image clickable within Shopify’s \

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

How do I make an image clickable in an “Image with Text” Section? As you can see in the image below, I want the image on the left to be clickable to go to the same url as the “Buy Flipchart” button on the right. Thank you!

Image.jpg
Image.jpg1125×664 93.5 KB

1 Like
2

Hello @ACWebDesign ,

2 ways to do it:

  1. Write a JS function. On click of Image trigger the Buy button.
  2. Edit the code copy the button anchor and use it with the image.

Thanks

1 Like
3

Hi @ACWebDesign

You can use the tutorial below on how to do this.

1 Like
4

Thank you for your reply, Guleria. I’m looking for a way to change the image-with-text.liquid file so that it will just reference the same link as the button. I got this to work on a multicolumn section but I’ve been struggling with this section.

5

I can help. Do you have experience editing HTML and CSS? This might get just a little bit tricky, but not too much.

1 Like
6

This worked. Thank you very much. The video was very easy to follow.

7

Thank you very much for the reply. I was able to add code to the liquid template and get it to work. The video from the post before this one was super helpful. Again, I appreciate the reply though.

8

I actually followed your instruction and can input the link in shopify admin, However, in the website, it didnt work, I click in the image and it cannot drive to my link. Can you help me please :disappointed_face:

My shopify store is cantavila.com

Thanks so much.