Contributor I

Solved

How to make an image not clickable

3 replies
3747 views

Hello,

In Gmail (not sure about other inboxes), when you hover over an image block that does not have a URL, the pointer mouse turns into the ‘clicker finger’ and a download arrow appears in the corner of the image.

When you click the image, the image opens up, as if to download, in your screen.

Is there a way to prevent this functionality? So that the image is not clickable at all?

I use to think putting a # in the URL of the image block did the trick, but I don’t think that is actually the case.

Any ideas?

This topic has been closed for replies.

DovAnswer

Klaviyo Alum

Hi @Dragonslayer1865,

Thanks for sharing this.

The solution will likely require custom code to accomplish. Setting CSS - pointer-events: none should remove any mouse interaction with the image. This article explains it in more detail.

I hope that’s helpful.

DD

DovAnswer

Klaviyo Alum

Hi @Dragonslayer1865,

Thanks for sharing this.

The solution will likely require custom code to accomplish. Setting CSS - pointer-events: none should remove any mouse interaction with the image. This article explains it in more detail.

I hope that’s helpful.

DD

M

Mike Sutter

Contributor I

If you add a # to the URL field it will leave the image alone and prevent Gmail from adding the download icon and also keep it from going into a lightbox when clicked.

D

Dr Slim B

Contributor I

enter : {{ emptyURL|add:"#" }} into the URL field

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials