안녕하세요, 카페24 운영도우미 입니다.
쇼핑몰 고객의 개인정보 보호를 위해 정보통신망 이용촉진 및 정보보호 등의 관한
법률 제28조, 제67조에 의거하여 로그인시 보안접속 사용 의무화를 고지하고 있습니다. [관련내용보기]
카페24에서도 쇼핑몰 고객의 개인정보 보호를 위해 보안접속(SSL)서비스를 의무화 적용하고 있습니다.
변경된 디자인 가이드를 참고하시어 쇼핑몰에 보안접속을 반드시 노출해 주시기 바랍니다.
보안접속 미 제공시 관련법령에 의거해 과태료가 부과될 수 있습니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2013-05-22 (수)■ 업데이트 내용
※ 모바일쇼핑몰 보안접속 적용방법
[보안접속 사용설정 기능 삭제]
보안접속 사용 의무화로 '쇼핑몰어드민 > 상점/운영 > 상점운영관련설정 > 상점 운영방식 설정 - 상점 사용 및 권한 설정'
메뉴에서 기존에 제공되던 '보안접속 사용설정 기능'이 삭제 되었습니다.
(보안접속 '사용' 상태로 기본 제공됩니다.)
▼ 상점 운영방식 설정 화면

[보안접속 필수노출 적용방법]
아래의 변경된 디자인가이드를 참고하셔서 쇼핑몰 각 로그인 영역에 노출해주시기 바랍니다.
1. 로그인 영역
1) 로그인
- 위치: '디자인 > HTML디자인설정 > 회원관련화면 > 로그인 > 로그인폼 > 로그인폼(c_3)
- 아래의 경우에 맞추어 빨간색 소스 삭제, 파란색 소스 추가 합니다.
① 'tr style=’display;~' 소스인 경우
② 'span style=’display;~' 소스인 경우
▼ 로그인페이지 적용화면

2) 주문 전 로그인
- 위치: '디자인 > HTML디자인설정 > 주문관련화면 > 주문전 로그인 > ID/PASS 입력받는화면(c_3)
- 아래의 경우에 맞추어 빨간색 소스 삭제, 파란색 소스 추가 합니다.
▼ 쇼핑몰 적용화면

3) 공통모듈
- 위치: '디자인 > HTML디자인설정 > 공통모듈리스트 > LEFT/RIGHT > 로그인폼 > 로그인폼(a_10) > 로그인전({u1f}
① 보안접속 미사용인 경우
현재 보안접속 미사용 중이거나 이전에 사용한 적이 없으신 경우, 아래의 위치에파란색 소스를 추가해주세요.
<tr> <td width=60 align="right" height="25" STYLE="color:{$font_array.a_10.font_color};font-size:{$font_array.a_10.font_size};font-family:{$font_array.a_10.font_type};">비밀번호</td> <td width=111 align="center"> <input class="input04" type="password" size="12" value="" name="passwd"> </td> </tr>
<!-- 아래내용 삽입-->
<td colspan="2" style="text-align:right; padding-right:5px;"> <span style="display:{{$member_id_save}}"><label for="left_member_id_save"><input type="checkbox" name="member_id_save" id="left_member_id_save" value="T" {{$sSaveIdCheck}} />아이디저장</label></span> <span style="color:#000000;"> <img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속</span> </td> </tr> <tr>
<!-- 보안접속 내용 --->
<tr> <td height=3 colspan=2></td> </tr> |
② 보안접속 사용 중인 경우
현재 보안접속을 사용 중이거나 이전의 설정으로 인하여 보안접속 소스가 남아 있을 경우,
아래와 같이 빨간색 소스 삭제, 파란색 소스 추가 부분을 적용해주세요.
A) 'tr style=’display;~'소스인 경우
B) 'span style=’display;~' 소스인 경우
▼ 적용화면

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'> <form name="login_frm" action="/Front/Member/?url=login" method='post'>
<div class="box_set" style="margin-top:35px;text-align:center;"> <h2 class="tle">회원 로그인</h2> <div class="login_19"> <ul class="za"> <li style="padding-bottom:2px;"><span class="ya">아이디</span><input type="text" name="id" class="box" /></li> <li style="padding-top:2px;"><span class="ya">비밀번호</span><input type="password" name="passwd" class="box" /></li>
<label><input type="checkbox" name="is_ssl" id="is_ssl" style="margin-left:100px;" onclick="javascript:set_ssl_login( this.form )">보안접속</label>
<label><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" style="margin:5px 0 0 10px;" /> 보안접속</label>
</ul> <div class="zb"> <input type="image" src="http://img.cafe24.com/images/ec_admin/popup/1210/btn_login_101.gif" alt="로그인" complete="complete" /> </div> (이하 생략) |
▼ 인트로화면 디자인 선택하기 - 성인전용몰(본인인증 또는 회원) 적용화면

4) 인트로화면 7 (게시판 성인인증-본인인증)
- 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면 > 인트로화면7 (게시판 성인인증-본인인증)
- 아래와 같이 빨간색 소스 삭제, 파란색 소스 추가 부분을 적용해주세요.
(상단 생략) <!-- 회원로그인 --> <form action="/Front/Member/?url=login" method='post'> <form name="login_frm" action="/Front/Member/?url=login" method='post'>
<input type="hidden" name="auth_type" value="member"> <input type="hidden" name="type" value="bbs"> <input type="hidden" name="error_href" value="{{$error_href}}"> <div class="box_set" style="margin-top:35px;text-align:center;"> <h2 class="tle">회원 로그인</h2> <div class="login_19"> <ul class="za"> <li style="padding-bottom:2px;"><span class="ya">아이디</span><input type="text" name="id" class="box" /></li> <li style="padding-top:2px;"><span class="ya">비밀번호</span><input type="password" name="passwd" class="box" /></li>
<label><input type="checkbox" name="is_ssl" id="is_ssl" style="margin-left:100px;" onclick="javascript:set_ssl_login( this.form )">보안접속</label> <label><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" style="margin:5px 0 0 10px;" /> 보안접속</label>
</ul> <div class="zb"> <input type="image" src="http://img.cafe24.com/images/ec_admin/popup/1210/btn_login_101.gif" alt="로그인" complete="complete"/> </div> </div> <div style="text-align:center; padding-bottom:10px;"> <a href="/front/php/lost_id/lost_id_f.php" class="btn_arr">아이디/비밀번호 분실</a> <a href="/front/php/c/member_regist_f.php" class="btn_arr">회원가입하기</a> </div> <div class="btm"></div> </div> <!-- //회원로그인 -->
(이하 생략) |
- 적용화면은 위의 '인트로화면 5 (본인인증+로그인)' 화면과 동일합니다.
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]