Help Center

카페24 소식

[디자인] 모바일쇼핑몰 로그인 보안접속 필수적용 안내

2013-05-29


안녕하세요, 카페24 운영도우미 입니다.

쇼핑몰 고객의 개인정보 보호를 위해 정보통신망 이용촉진 및 정보보호 등의 관한
법률 제28조, 제67조에 의거하여 로그인시 보안접속 사용 의무화를 고지하고 있습니다.  [관련내용보기]


카페24에서도 쇼핑몰 고객의 개인정보 보호를 위해 보안접속(SSL)서비스를 의무화 적용하고 있습니다.
변경된 디자인 가이드를 참고하시어 쇼핑몰에 보안접속을 반드시 노출해 주시기 바랍니다.

보안접속 모바일 쇼핑몰 적용방법을 추가 안내 드립니다. [PC쇼핑몰 보안접속 적용방법]

자세한 내용은 아래를 참조해 주세요.



 적용일자 : 2013-05-29 (수)

■ 업데이트 내용


모바일쇼핑몰에는 기본적으로 보안접속이 적용되어, 로그인 시 보안 접속이 되고 있습니다.
쇼핑몰에 보안접속 문구를 표시하는 부분은 디자인 모드에 따라

- 템플릿 모드 이용 쇼핑몰 : 자동노출 됩니다.(폰트색상 수정 가능)
- HTML 모드 이용 쇼핑몰 : HTML 수정이 필요합니다.

HTML 모드 이용 중인 쇼핑몰은 디자인 수정을 통하여 '보안접속' 문구를 쇼핑몰에 직접 노출해주시면 됩니다.


1. 템플릿 모드 폰트색상 수정하기
일반폰트 설정 변경으로 '보안접속' 문구의 폰트 색상을 수정하실 수 있습니다.

- 위치 : 쇼핑몰어드민 > 모바일쇼핑몰 > 디자인스킨관리 > 템플릿모드 > 속성편집 > 로그인화면




2. HTML 모드 적용방법
아래와 같이 로그인 페이지의 HTML 및 CSS를 수정하시면 쇼핑몰에 문구가 정상적으로 노출됩니다.

1) HTML 수정
-  위치 : 쇼핑몰어드민 > 모바일쇼핑몰 > 디자인스킨관리 > HTML 편집 > 페이지리스트 > 회원관련화면
             > 로그인 > HTML 편집




- 아래와 같이 빨간색 소스 삭제파란색 소스를 추가해주세요.


 <span class="auto" style="color:#212530; display:{{$login_keeping_display}}">
<label><input type="checkbox" name="use_login_keeping" id="use_login_keeping" value="T" onclick="Login.confirmLoginKeeping(this);"> 로그인 상태 유지</label>
</span>
<span class="save" style="color:#212530; display:{{$save_id_display}}">
<label><input type="checkbox" name="member_id_save" id="member_id_save" value="T" {{$save_id_check}}> 아이디저장</label>
</span>

<span class="auto" style="color:#212530; display:{{$login_keeping_display}}">
<label><input type="checkbox" name="use_login_keeping" id="use_login_keeping" value="T" onclick="Login.confirmLoginKeeping(this);">로그인 상태 유지</label>
</span>
<span class="save" style="color:#212530; display:{{$save_id_display}}">
<label><input type="checkbox" name="member_id_save" id="member_id_save" value="T" {{$save_id_check}}>아이디저장</label>
</span>
</p>

<span class="ssl" style="color:#{{$aSkinCfg.login_general_font_color}};">
<label><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" class="ssl_img" />보안접속</label>
</span>



2) CSS 수정
- 위치 : 쇼핑몰어드민 > 모바일쇼핑몰 > 디자인스킨관리 > HTML 편집 > 페이지리스트 > 회원관련화면 > 로그인 >
           모듈리스트 > 자바스크립트 & 스타일시트(CSS) 탭 > 스타일시트(common.css)

- 아래와 같이 빨간색 소스 삭제파란색 소스를 추가해주세요.

 .mLogin .auto { display:inline-block; padding:5px 0 0; margin-right:10px; }

.mLogin .auto { display:inline-block; padding:8px 0 0; margin-right:10px; }
.mLogin .save input,
.mLogin .auto input{ margin-right:5px; }
.mLogin .ssl { display:inline-block; padding:8px 0 0;}
.mLogin .ssl img{ margin-right:5px; }



▼ 모바일쇼핑몰 로그인 적용화면





카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]