Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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! 🙂
Solved! Go to the solution
This is an 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 🙂
This is an 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 🙂
@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,
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
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.
Thank you for this video, it's very helpful 😊
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
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024