My shopify page is www.toonfam.com if you go to the homepage, there is 1 image that showcases the 4 products i offer on one image. Currently the hyperlink on that image takes you to the collection page in which you can select which product you want.
However, I want to ask if it’s possible to make 4 different hyperlinks to 4 different product pages on that same one image? Or perhaps if there is a widget/section that I can add to give the same effect?
The theme that I am using is the latest version of Shoptimized.
https://www.image-map.net/ - you can use this service to create clickable Image Maps. http://joxi.ru/Vrw3B1KS7W9BNr - here we have divided into 3 parts by specifying three links. Next, you will need to generate a code and insert this code next to the image on the main page.
Thank you so much for the advice. I followed all the steps and have the code for the image, but where do I put it? For the image I have on my homepage, I have the following widget/section and here is the code for it:
We have calculated the coordinates for the desktop version for you. You will just need to change the links and title.
The changes should be made in the homepage-slideshow.iquid. You should add the code immediately after the tag. In addition, you must specify the usemap="image-map " attribute. Example below:
I am having the same issue. I created this banner and went to https://www.image-map.net/ and got the code (see below). But I do not have the same theme as the person above, so I am not too sure which liquid file I am to put my code in. Please advise. Thank you!
