Help Center
카페24 소식
[스마트디자인] 아이핀 인증 서비스
2012-10-31
안녕하세요, 카페24 운영도우미 입니다.
방송통신위원회와 한국인터넷진흥원에서 주민번호 공식 대체수단으로 지정한
‘아이핀 인증’ 서비스가 오픈 하였습니다.
(실명인증과 별개의 유료 서비스이므로 신청/결제 후 사용 가능합니다.)
자세한 내용은 아래를 참조해 주세요.
[업데이트 내용]
- 회원가입
- 아이디 찾기, 비밀번호 찾기
[적용방법]
아래의 순서에 따라 아이핀 인증 설정 및 디자인 수정을 적용하시면 정상적으로 사용하실 수 있습니다.
1. 아이핀 인증 서비스 신청 및 설정
1) 아이핀 인증 서비스 신청
- 위치: 어드민 > 부가서비스 > 운영지원 서비스 > 아이핀인증 서비스 > 서비스 신청
- 아이핀 인증 서비스 신청이 완료되어 신청 상태가 사용 중이어야 다음 설정을 진행할 수 있습니다.
('어드민 > 상점관리 > 상점 운영관련 설정 > 본인인증 서비스 설정' 메뉴에서 신청 상태 확인 가능)
2) 회원가입, 아이디/비밀번호 찾기에 아이핀 인증 사용 설정
- 위치: 어드민 > 상점관리 > 상점 운영관련 설정 > 본인인증 서비스 설정
- 사용 설정 항목에서 본인인증 사용함 선택 및 아이핀 인증에 체크합니다.
2. HTML 수정
- 회원가입 페이지는 별도의 수정 없이 사용이 가능합니다.
- 디자인 수정을 하지 않은 몰에서는 변경된 파일을 다운 받으셔서 사용이 가능합니다.
☞ 수정된 파일 다운로드
- 디자인 수정을 하지 않은 몰에서는 변경된 파일을 다운 받으셔서 사용이 가능합니다.
☞ 수정된 파일 다운로드
1) 아이디 찾기 페이지에 아이핀 인증 적용
- 수정파일 : /member/id/find_id.html
- 수정파일 : /member/id/find_id.html
|
<p class="check">
<span class="type">{$form.check_method}</span>
</p>
<p class="findType">
<span class='mName'>이름
<span>{$form.name}</span>
</span>
<span class="ssn_no">
주민등록번호로 찾기
<span>{$form.ssn1} - {$form.ssn2}</span>
</span>
<span class="email" style="display:none;">
이메일로 찾기
<span>{$form.email}</span>
</span>
<span class="ipin" style="display:none;">
아이핀인증으로 찾기
<span><a href="#none" onclick="{$action_func_find_id}"><img src="http://img.echosting.cafe24.com/design/skin/mono/member/btn_memJoin2.gif" alt="아이핀 인증" style="vertical-align:middle" /></a></span>
</span>
</p> |
2) 비밀번호 찾기 페이지에 아이핀 인증 적용
- 수정파일 : /member/passwd/find_poasswd_info.html
|
<p class="findType">
<span>
아이디 <span>{$form.member_id}</span>
</span>
<span class="mName">
이름 <span>{$form.name}</span>
</span>
<span class="ssn_no">
주민등록번호로 찾기 <span>{$form.ssn}</span>
</span>
<span class="email" style="display:none;">
이메일로 찾기 <span>{$form.email}</span>
</span>
<span class="ipin" style="display:none;">
아이핀인증으로 찾기
<span><a href="#" onclick="{$action_func_find_passwd_question}"><img src="http://img.echosting.cafe24.com/design/skin/mono/member/btn_memJoin2.gif" alt="아이핀 인증"></a></span>
</span>
</p> |
3) 아이디 찾기, 비밀번호 찾기 CSS페이지 적용
- 수정파일 : /css/module/member/find_id.css
| .xans-member-findid { background:#f5f5f5; border:1px solid #d2d2cf; padding:60px 0 70px;}
.xans-member-findid .inner { width:260px; margin:0 auto; }
.xans-member-findid .inner input { font-size:11px; }
.xans-member-findid .inner p.check { width:210px; (삭제) }
.xans-member-findid .inner p.check img { display:block; padding:8px 0 4px; }
.xans-member-findid .inner p.check span { display:block; padding:2px 0 0; color:#8f8f91; }
.xans-member-findid .inner p.check span.type { padding:30px 0 15px; }
.xans-member-findid .inner p.check span label { padding:0 15px 0 0; }
.xans-member-findid .inner .findType { padding:0 0 30px; }
.xans-member-findid .inner .findType span { display:block; padding:3px 0 0; font-size:11px; color:#000; }
.xans-member-findid .inner .findType span.question { margin:2px 0 0; padding:2px 5px; width:168px; background:#34a7b3; color:#fff; font-size:11px;}
.xans-member-findid .inner .findType .question input { border:1px solid #34a7b3; background:#34a7b3; color:#fff; }
.xans-member-findid .inner .findType span.ipin { line-height:18px; }
.xans-member-findid .inner .findType span.ipin .text { padding:0 0 10px; color:#8f8f91; }
.xans-member-findid .inner .lostInput {border:1px solid #bcbcbc; width:166px; height:14px; padding:2px 5px; }
.xans-member-findid .inner #ssn1 { width:70px; }
.xans-member-findid .inner #ssn2 { width:70px; } |
- 수정파일 : /css/module/member/find_passwd.css
| .xans-member-findpasswd { background:#f5f5f5; border:1px solid #d2d2cf; padding:60px 0 70px; }
.xans-member-findpasswd .inner { width:260px; margin:0 auto; }
.xans-member-findpasswd .inner input { font-size:11px; }
.xans-member-findpasswd .inner p.check { width:210px; } (삭제)
.xans-member-findpasswd .inner p.check img { display:block; padding:8px 0 4px; }
.xans-member-findpasswd .inner p.check span { display:block; color:#8f8f91; }
.xans-member-findpasswd .inner p.check span.type { padding:30px 0 15px; }
.xans-member-findpasswd .inner p.check span label { padding:0 15px 0 0; }
.xans-member-findpasswd .inner .findType { padding:0 0 30px; }
.xans-member-findpasswd .inner .findType span { display:block; padding:3px 0 0; font-size:11px; color:#000; }
.xans-member-findpasswd .inner .findType span.question { margin:2px 0 0; padding:2px 5px; width:168px; background:#34a7b3; color:#fff; font-size:11px;}
.xans-member-findpasswd .inner .findType .question input { border:1px solid #34a7b3; background:#34a7b3; color:#fff; }
.xans-member-findpasswd .inner .findType span.ipin { line-height:18px; }
.xans-member-findpasswd .inner .findType span.ipin .text { padding:0 0 10px; color:#8f8f91; }
.xans-member-findpasswd .inner .lostInput {border:1px solid #bcbcbc; width:166px; height:14px; padding:2px 5px; }
.xans-member-findpasswd .inner #ssn1 { width:70px; }
.xans-member-findpasswd .inner #ssn2 { width:70px; } |
[적용화면]
▼ 화면1. 회원가입 페이지 적용화면
▼ 화면1. 아이디 찾기, 비밀번호 찾기 적용화면
