How can I add a clickable- function to this image?

[chowpex]

Hey there! 🙂

How can I add a linking function to this picture?

https://gyazo.com/7af7cefeb093f53a749ab7c206ec1c40

And this is the html thing with google chrome

https://gyazo.com/b6a1439c743a02f0de612c1e7da84b65

I want to link this picture directly to the product, but I can't find this function at shopify.

I'm using venture theme by the way.

Thank you guys! 🙂

[JoesIdeas · Accepted solution]

If you want the whole image clickable you can wrap it in an anchor tag, for example:

<a href="https://PUT_LINK_HERE">
  <img src="THIS_IS_THE_IMAGE">
</a>

You can find the code in your theme editor. From the screenshot you sent, I'm guessing this might be in a Snippet called image-content.liquid or something similar.

If you change a template file like that the link would apply to all instances of that section. If that's the only instance that's fine, but if you have multiple you're probably better off adding a custom link field to this section so can add a link from the Customize Theme section.

*Assuming there's no link field in the Customize Theme area, if there is, then you can just paste the link 🙂

[HarmanKardon]

---

@JoesIdeas wrote:

If you want the whole image clickable you can wrap it in an anchor tag, for example:

<a href="https://PUT_LINK_HERE">
  <img src="THIS_IS_THE_IMAGE">
</a>

You can find the code in your theme editor. From the screenshot you sent, I'm guessing this might be in a Snippet called image-content.liquid or something similar.

If you change a template file like that the link would apply to all instances of that section. If that's the only instance that's fine, but if you have multiple you're probably better off adding a custom link field to this section so can add a link from the Customize Theme section.

*Assuming there's no link field in the Customize Theme area, if there is, then you can just paste the link 🙂

---

Hi ! Thanks for the solution. Do you know how to use this function but instead, using another picture for mobile and Desktop ?

Kind regards,

[Chrisc1623]

Thanks Joe. I have added the Image Link into the schema so that I can have separate links for each of my images. However, I need to add the HREF and am unsure how to do this in a way that ensures it utilises the link selected in the Customise Theme. 

Your help would be much appreciated.

Chris 

[made4Uo]

Hi @Chrisc1623,

You can do it by simply following the instructions. The video will teach you how to add any links to any element in your Shopify website. 

[Iammaxx0425]

Thank you for this video, it's very helpful 😊

[Evo2]

hi

how i can make the ad click to action to this website https://publisher.linkvertise.com/ac/950298

my store www.evocommerce-m.com

thanks