Are you concerned about users stealing copyrighted images from your ecommerce site? If you use Bigcommerce, it’s actually very easy to prevent this from happening. In this article, we’ll take a look at how to prevent visitors from downloading images from your Bigcommerce website.
1. Site-wide: Go to Panels > HTMLHead.html, and place the following code inside the <head> tag. This will disable image downloads throughout your site:
1 <script type=”text/javascript”>
2 $(document).ready(function(){
3 $(“img”).bind(“contextmenu”, function(e){return false;});
4 $(“img”).mousedown(function(e){return false;});
5 });
6 </script>
2. Quick View: Go to Panels > QuickViewContent.html, and add the same code. It will disable image download options in the Quick View popup.
1 <script type=”text/javascript”>
2 $(document).ready(function(){
3 $(“img”).bind(“contextmenu”, function(e){return false;});
4 $(“img”).mousedown(function(e){return false;});
5 });
6 </script>
3. Product Page Image Popup: Go to productimage.html and locate this function: loadImageToContainer(). Add these two lines before the closing brace:
1 $(“.ProductZoomImage img”).bind(“contextmenu”, function(e){return false;});
2 $(“.ProductZoomImage img”).mousedown(function(e){return false;});
4. Add to Cart Popup: Go to Snippets > FastCartThickBoxContent.html, and add the following lines of code at the beginning (just before <div id=”fastCartContainer”>):
1 <script type=”text/javascript”>
2 $(document).ready(function(){
3 $(“img”).bind(“contextmenu”, function(e){return false;});
4 $(“img”).mousedown(function(e){return false;});
5 });
6 </script>
If you’re looking to maximize the value of your Bigcommerce store and improve your traffic and revenue, Coalition Technologies can help. We’re a certified Bigcommerce partner, and we work with business owners just like you every day. Call us today at (310) 827-3890 for a free quote, and find out exactly what Coalition can do for you.