Articles on: Online Store (Website)

Disable select & copy function in your store

In this article :
  1. Disable select & copy for both image & text
  2. Disable select & copy for image only


⚠️ Kindly take note :

  • Above all code editing, you will need to re-edit the code again if you switch to a new theme template
  • We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

1. Disable select & copy for both image & text


Step 1 : EasyStore Admin > Channels > Online Store > Theme > Edit source



Step 2 : layout > theme.liquid > Scroll to the last row, paste code below before </body>


<script type="text/javascript">
$(document).ready(function () {

$("body").css({
"-webkit-touch-callout": "none",
"-webkit-user-select": "none",
"-khtml-user-select": "none",
"-moz-user-select": "none",
"-ms-user-select": "none",
"user-select": "none"
});
//Disable cut copy paste
$('body').bind('cut copy paste', function (e) {
e.preventDefault();
});

//Disable mouse right click
$("body").on("contextmenu",function(e){
return false;
});
});
</script>



Step 3. Save and done

2. Disable select & copy for image only


Step 1 : EasyStore Admin > Channels > Online Store > Edit source


Step 2 : layout > theme.liquid > Scroll to the last row, paste code below before </body>


<script type="text/javascript">
$(document).ready(function () {
$('body img').css({
"-webkit-touch-callout": "none",
"-webkit-user-select": "none",
"-khtml-user-select": "none",
"-moz-user-select": "none",
"-ms-user-select": "none",
"user-select": "none"
});
//Disable cut copy paste
$('body img').bind('cut copy paste', function (e) {
e.preventDefault();
});
//Disable mouse right click
$('body img').on("contextmenu",function(e){
return false;
});
});
</script>



Step 3. Save and done

Updated on: 22/01/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!