네, 디자인 HTML 소스 수정 작업을 통해 쇼핑몰 사진 저장을 제한할 수 있어요.
자세히 알아보기
모바일 쇼핑몰 사진 저장 제한
PC쇼핑몰에서 이미지를 저장하지 못하도록 마우스 오른쪽 클릭을 제한하는 것과 같이, 모바일 쇼핑몰에서도 사진 저장을 제한할 수 있는데요.
모바일에서 쇼핑몰 사진을 저장하지 못하도록 조치하려면 디자인 수정이 필요하며, iOS와 안드로이드의 OS별로 코드를 삽입해야 돼요.
Info
- PC와 모바일 쇼핑몰에서 이미지를 캡쳐하는 것은 제한할 수 없어요.
- 모든 브라우저에 동일하게 적용되지 않을 수 있어요.
(네이버, 카카오톡과 같은 앱 브라우저에서는 동작하지 않을 수 있어요.) - 디자인 소스 수정은 안드로이드와 iOS 각각의 작업이 필요해요.
디자인 소스 수정 방법 - 안드로이드
- 으로 이동해 주세요.
- 모바일(탭) 으로 이동 후, 사용 중인 모바일 디자인의 '편집' 버튼을 클릭해 주세요.
- 스마트디자인 편집창 왼쪽 패널의 검색창에서 화면명('common.js')을 검색하여 파일을 선택한 후 '선택파일 열기' 버튼을 클릭해 주세요.
-
▼ 아래와 같이 소스를 추가해 주세요.
//안드로이드 우측 버튼 비활성
$(document).bind("contextmenu", function(e) {
return false;
});//pc F12 개발자도구 비활성
$(document).bind('keydown',function(e){
if ( e.keyCode == 123) {
e.preventDefault();
e.returnValue = false;
}
}); -
스마트디자인 편집창 상단의 '저장' 버튼을 클릭해 주세요.
디자인 소스 수정 방법 - iOS
- 으로 이동해 주세요.
- 모바일(탭) 으로 이동 후, 사용 중인 모바일 디자인의 '편집' 버튼을 클릭해 주세요.
- 스마트디자인 편집창 왼쪽 패널의 검색창에서 화면명('common.css')을 검색하여 파일을 선택한 후 '선택파일 열기' 버튼을 클릭해 주세요.
-
HTML 소스 편집창 마지막 줄에 ▼ 아래와 같이 소스를 추가해 주세요.
/*아이폰 이미지 저장 막기*/
body { -webkit-touch-callout:none;} -
스마트디자인 편집창 상단의 '저장' 버튼을 클릭해 주세요.