hey, I have been trying to find a way to add little buttons onto a photo on my Shopify store. My idea was to have a photo of a room and then have buttons on the photo where the products are. I have looked for apps that can help me do this but I can’t find any way to add buttons wherever I want on my Shopify store. If anyone has a way I could achieve this it would be a big help.
Hi @Benjamin22turne which theme you are using, can you share some more details of the design or you can share the store link so I can help you
I am using dawn and the url is myroomtakeover.com
here is a link to an example of what I want done https://express.adobe.com/post/QtIq6LFhZPOjV/?w=6799469780056
i want those price tags to be press able buttons that lead to product pages
Hi @Benjamin22turne for doing this you need some coding knowledge(HTML,CSS,liquid) I hope you know about that
You can use the online Image Map tool to add the link to your images https://www.image-map.net/
this will generate HTML which you can use in your code directly
Here is more info about image map https://onextrapixel.com/how-to-create-multiple-links-on-a-single-image-with-image-map/
Let me know if this is helpful
This looks like the perfect solution I just can’t figure out where to put the code. I tried putting it in a custom liquid box but it dosent load the picture.
@Benjamin22turne I think there are 2 ways to do this
1: if you can directly add this image map HTML to your code wherever you need that
2: you can create settings type HTML and use this and you can place your code. https://shopify.dev/themes/architecture/settings/input-settings#html
for both approach you need dev help to do this, let me know how many places you want to add this so maybe we can discuss and I can help you
Thanks
I would like to add this in many places in my website as all my products would be accessed though this
@Benjamin22turne hope you are able to do this let me know if you need more help on this