All things Shopify and commerce
Hello
So I'm still setting up my website, which has a lot of high resolution images, so the customers can zoom in and see all the details of the product. My question is how do I go about disabling the "Save Image As" feature from the right click? I do not want to disable right click as a whole but can some one point me to to some coding and hopefully a tutorial on how to implement that into my code to cover the entire website. I fully understand there are work arounds to save images from websites but this would help deter some people.
Thanks in advance!
Hey BroadStreet2727,
So one way is to use a background image instead of image tag.
Another way is to disable right click but only on the image. You will need jQuery:
$("body").on("contextmenu", "img", function(e) {
return false;
});
Thanks for the help!
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025