Make an image a link

Site URL: https://www.emeraldtechrepair.com/macbook

Password: test

So apparently my template doesn't natively support adding a URL to an image. 

Was looking for a simple way to accomplish adding an <a href="#"> but it's a lot more difficult than I thought. Any tips? I'm new to squarespace and trying to find a straightforward solution. 

Looking to add a link to either of the 3 MacBook images and unsure how to directly edit HTML, as well as target each specific element because none of them have a class name. I've read some #ID's can change on each page load, so I'm not sure how to handle this. 

The html/css structure is already stressing me out.

Do you still need help? 

@tuanphanYeah if you could point me in the right direction that'd be awesome. 

On 12/17/2021 at 6:43 AM, emtech said:

@tuanphanYeah if you could point me in the right direction that'd be awesome. 

Can you add a text link in List Item Description? Then we will paste it link to image link & hide text link

@tuanphan I assume you mean like this? I've added a link to the MacBook's description on the landing page. That links to the /macbook page. 

Thanks for your help btw!

On 12/20/2021 at 4:14 AM, emtech said:

@tuanphan I assume you mean like this? I've added a link to the MacBook's description on the landing page. That links to the /macbook page. 

 

Thanks for your help btw!

 

Yes. Same it. Can you keep text link? Now I don't see link here. Or if you use a Business Plan or higher, we can use script code to add click event on these images.

What do you think?

@tuanphanYup I'm on ecommerce so I can use code injection. Think this needs a js eventlistener? 

Edit: Just realized, my last test link was added to the homepage. I've updated it to work for the /macbook link I originally said on the post. Hopefully this is helpful. 

That did it. Much appreciated.