Add link to Image on Shopify editor

27 0 7

Hi all,


Would like to know how do I add a link on the image so that when users click on the image, it brings them to a specific section of the page or another page, im currently using dawn theme on shopify editor.


Replies 4 (4)
Shopify Partner
1200 81 152

@JanRae Can you please send me your store url?

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
Shopify Partner
3 0 0

I'm pretty sure I understand what you want. You just want the user to be able to click the image and go to a different URL, correct? These modifications should add an option in your section which would be an input field. You should be able to type a URL into the input field and in turn, it would inject that into the anchor tag in the section. 

Go into your specific section Liquid OR template JSON file in your sections folder. Scroll down to the {% schema %} tags and find the "image_picker" setting. Copy and paste it below and change the type to "text", the id to "image_link" and the label to "Image Link", for the English version anyway, I just added links to all the languages. Should look like this, image picker above and what you added below:

        "type": "image_picker",
        "id": "image",
        "label": {
          "en": "Image",
          "de": "Foto",
          "fr": "Image"
        "type": "text",
        "id": "image_link",
        "label": {
          "en": "Image Link",
          "de": "Foto Link",
          "fr": "Image Link"


Then scroll up to your <img> tag and add an anchor tag around it with {{ section.settings.image_link}} as the href:


Now in your customize editor there should be a field with "Image Link" that you can type a URL into. Be sure to include http:// or https:// with your url or else it links relative to your site. 


Is this what you're asking? If so and you can't get it working, just send me a personal message with your store URL and I can request access and try to get it working for you.

Thank you,

If helpful then please Like and Accept Solution.
Kuldeep Ghodasara | Email: | Skype:
Want to modify or custom changes on store hire me.
- Feel free to contact me on regarding any help
Shopify Partner
134 15 36

Hii @JanRae 

Kindly check the option in  your theme . Most probably when you insert the image , there will be an option there for image url, where you can insert image url. If you can't see the option than it can be done through custom code.! for this you have to hire a developer!


I hope this post will helpfull to you


If you Want to modify or Customize your theme ,
Hire us | We can help you & guide you how to reach to your potential customers & how to increase brand presence, engagements and sales for your business
Email us: or check
1 0 0

I also want to link the first image banner of my website to shop page (all products), but there is no way to add a link. Please help.

My website url: