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 > 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

Did this answer your question?