Want to make images clickable on home page

Technical Q&A
1

hello all,

on my home page i have a bunch of images i want to make clickable to go off to other parts of the site, this is the website - https://whitedragonteas.co.uk/ as you will see under the heading “the finest tea’s and teaware” there is 6 pictures, these are the images i want to make clickable. I haver followed the guides on this forum on adding custom code to allow to do this and it seemed to work as i got the option to image link as you can see -

image link.JPG
image link.JPG329×823 36.6 KB

so I thought brillant!! its worked and we about adding the links to the pictures.. But the images are not clickable and i am really not sure why?? all peoples guides I can find on here indicates I have done the right thing so i am assuming I am being stupid and missed something, can anyone help or suggest why these images are not clickable?

2

Hello, @mattdragontea ,

Did you add the link on the bottom “button link” field?

3

not to sound like a dummy but can you expand on that a little with an example?

4

Of course.

On the image you posted, look at the bottom field.

Did you enter a link address which the user gets sent to upon clicking?

5

i get what you mean and yes i have done that, but dont want a button, want the image to be clickable, so added the url in button link and saved… made no diffrence -

button.JPG
button.JPG263×743 26.4 KB

6

hmm i am just wondering if theres something missing code wise? like i need to add something else somewhere else, shopify sure dont make this easy… but i am a student of programming only been at it for 6 months and still learning.

7

Hello @mattdragontea ,

I’ll help you with this. Check your messages.

8

yep done and added, should be able to access.

9

Thank you. @mattdragontea ,

I’ll work on a duplicate theme.

10

Hello @mattdragontea

I added an option for you in which if you add a url, clicking on the image takes you to that url. I left it open so you just have to type out the url .

It works on all sections like it. However, if you don’t type anything on that block, clicking on the image will do nothing (as it does now).

https://ri8itlp4scwtuyiu-51243253912.shopifypreview.com

This is on the duplicate theme. Go edit that theme to try it out. If you are happy with it, let me know.

click on the first image. It goes to google for example.

11

thats perfect, thank you… easy to replicate i hope.. thank you this is exactly what was needed.

12

You’re welcome @mattdragontea

If you mark this post as the solution, I’d be grateful.

If you need anything else, just let me know.

13

What is the solution? I’m not able to see any code or the suggestions. Please advise.