Help Center
카페24 소식
[디자인] 로그인 보안접속 필수적용 안내
2013-05-22
안녕하세요, 카페24 운영도우미 입니다.
쇼핑몰 고객의 개인정보 보호를 위해 정보통신망 이용촉진 및 정보보호 등의 관한
법률 제28조, 제67조에 의거하여 로그인시 보안접속 사용 의무화를 고지하고 있습니다. [관련내용보기]
카페24에서도 쇼핑몰 고객의 개인정보 보호를 위해 보안접속(SSL)서비스를 의무화 적용하고 있습니다.
변경된 디자인 가이드를 참고하시어 쇼핑몰에 보안접속을 반드시 노출해 주시기 바랍니다.
보안접속 미 제공시 관련법령에 의거해 과태료가 부과될 수 있습니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2013-05-22 (수)
■ 업데이트 내용
※ 모바일쇼핑몰 보안접속 적용방법
[보안접속 사용설정 기능 삭제]
보안접속 사용 의무화로 '쇼핑몰어드민 > 상점/운영 > 상점운영관련설정 > 상점 운영방식 설정 - 상점 사용 및 권한 설정'
메뉴에서 기존에 제공되던 '보안접속 사용설정 기능'이 삭제 되었습니다.
(보안접속 '사용' 상태로 기본 제공됩니다.)
▼ 상점 운영방식 설정 화면
[보안접속 필수노출 적용방법]
아래의 변경된 디자인가이드를 참고하셔서 쇼핑몰 각 로그인 영역에 노출해주시기 바랍니다.
1. 로그인 영역
1) 로그인
- 위치: '디자인 > HTML디자인설정 > 회원관련화면 > 로그인 > 로그인폼 > 로그인폼(c_3)
- 아래의 경우에 맞추어 빨간색 소스 삭제, 파란색 소스 추가 합니다.
① 'tr style=’display;~' 소스인 경우
|
<tr style="display:{$ssl_login_display}"> <span><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속</span> |
② 'span style=’display;~' 소스인 경우
|
<span style="display:{$ssl_login_display}"> <span> |
▼ 로그인페이지 적용화면
2) 주문 전 로그인
- 위치: '디자인 > HTML디자인설정 > 주문관련화면 > 주문전 로그인 > ID/PASS 입력받는화면(c_3)
- 아래의 경우에 맞추어 빨간색 소스 삭제, 파란색 소스 추가 합니다.
|
<tr style="display:{$ssl_login_display}"> |
▼ 쇼핑몰 적용화면
3) 공통모듈
- 위치: '디자인 > HTML디자인설정 > 공통모듈리스트 > LEFT/RIGHT > 로그인폼 > 로그인폼(a_10) > 로그인전({u1f}
① 보안접속 미사용인 경우
현재 보안접속 미사용 중이거나 이전에 사용한 적이 없으신 경우, 아래의 위치에파란색 소스를 추가해주세요.
|
<tr> <!-- 아래내용 삽입--> <td colspan="2" style="text-align:right; padding-right:5px;"> <!-- 보안접속 내용 ---> <tr> |
② 보안접속 사용 중인 경우
현재 보안접속을 사용 중이거나 이전의 설정으로 인하여 보안접속 소스가 남아 있을 경우,
아래와 같이 빨간색 소스 삭제, 파란색 소스 추가 부분을 적용해주세요.
A) 'tr style=’display;~'소스인 경우
|
<tr style="display:{$ssl_login_display <tr> |
B) 'span style=’display;~' 소스인 경우
| <span style="display:{$ssl_login_display}"> input type="checkbox" tabindex=3 name="is_ssl" onclick="javascript:set_ssl_login( this.form )">보안접속 <span> <img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속 |
▼ 적용화면
2. 인트로 페이지
인트로 페이지를 이용하시는 경우에도 보안접속이 기본으로 적용되도록 아래의 각 인트로 페이지에
적용해주시기 바랍니다.
1) 인트로화면
- 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면
- 아래의 위치에 파란색 소스를 추가합니다.
| <script language='javascript' src='/js/front19/{{$common_js}}'></script> <script language='javascript' src='/js/front19/{{$common_js_ro}}'></script> |
2) 인트로화면 3 (회원전용)
- 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면 > 인트로화면3(회원전용)
- 기본소스에 적용되었습니다. '기본소스보기' 버튼클릭 수 팝업으로 제공되는 기본소스 전체를 복사하여
해당 소스로 변경해주세요.
▼ 인트로화면 디자인 선택하기 - 회원전용몰 적용화면
3) 인트로화면 5 (본인인증+로그인)
- 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면 > 인트로화면5 (본인인증+로그인)
- 아래와 같이 빨간색 소스 삭제, 파란색 소스 추가 부분을 적용해주세요.
|
(상단 생략) <form action="/Front/Member/?url=login" method='post'> <div class="box_set" style="margin-top:35px;text-align:center;">
<label><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" style="margin:5px 0 0 10px;" /> 보안접속</label> </ul> |
▼ 인트로화면 디자인 선택하기 - 성인전용몰(본인인증 또는 회원) 적용화면
4) 인트로화면 7 (게시판 성인인증-본인인증)
- 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면 > 인트로화면7 (게시판 성인인증-본인인증)
- 아래와 같이 빨간색 소스 삭제, 파란색 소스 추가 부분을 적용해주세요.
|
(상단 생략) <input type="hidden" name="auth_type" value="member">
</ul> (이하 생략) |
- 적용화면은 위의 '인트로화면 5 (본인인증+로그인)' 화면과 동일합니다.
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]