Disable select & copy function in your store

In this article :

Disable select & copy for both image & text
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