Help Center
카페24 소식
[고객/게시판] 아이디/비번 찾기 페이지에 회원유형별 찾기 적용 안내
2013-02-25
안녕하세요, 카페24 운영도우미 입니다. <form action="./?url=FindidDao" name="idFindForm" id="idFindForm" method="post" onsubmit="return FindIdFormCheck();"> <tr>
아이디, 비밀번호 찾기 페이지에 회원 유형별 찾기 기능이 추가되었습니다.
아래의 안내를 참고하여 적용하시기 바랍니다.
자세한 내용은 아래를 참조해 주세요.
1. 제목 : 아이디/비번찾기 페이지에 회원 유형별 찾기 적용 안내
2. 적용일자 : 2013-01-23 (수)
3. 업데이트 내용
아이디, 비밀번호 찾기를 회원 유형별로 진행할 수 있도록 하는 기능이 추가되었습니다.
개인회원, 사업자회원을 모두 가입 받는 쇼핑몰에 적용하시면 유용하오니
적용을 원하시는 운영자분들께서는 다음 내용을 참고하여 적용 하시기 바랍니다.
아래와 같이 디자인 수정을 하셔야 해당 영역이 정상적으로 적용 및 작동됩니다.
1) 아이디 찾기 페이지에 회원유형별 찾기 추가
- 아래의 파일에서 파란색으로 표시된 소스를 추가해 주세요.
- 위치 : 쇼핑몰어드민 > 디자인 > HTML디자인설정 > 회원관련화면 > 아이디찾기 > new아이디 찾기(c_4)
<input type="hidden" name="is_check" id="is_check"/>
<table border="1" cellpadding="5" cellspacing="0" width="100%" style="border-collapse:collapse;" >
<col width="120"/>
<col/>
<tr>
<td align="left" width="77" bgcolor="#F6F6F6">회원 유형</td>
<td height="22" bgcolor="">
<div style="float:left;"><input type="radio" checked="checked" name="memType" value="I" id="memTypeI" onclick="setFormType('I');"/>개인회원 </div>
<div style="float:left;display:{{$biz_flag_display}}"><input type="radio" name="memType" value="P" id="memTypeP" onclick="setFormType('P');"/>개인 사업자회원 </div>
<div style="float:left;display:{{$biz_flag_display}}"><input type="radio" name="memType" value="C" id="memTypeC" onclick="setFormType('C');"/>법인 사업자회원 </div>
<div style="float:left;display:{{$foreign_use_display}}"><input type="radio" name="memType" value="F" id="memTypeF" onclick="setFormType('F');"/>외국인회원 </div>
</td>
</tr>
<tr>
<td bgcolor="#EFEFEF">구분</td>
<td bgcolor="#FFFFFF"><input type="radio" checked="checked" name="MemAuthType" id="MemAuthTypeR" value="R" onclick="setDispCheck('R');"/> <span id="find_ssn">주민등록번호로 찾기</span>
<input type="radio" name="MemAuthType" id="MemAuthTypeE" value="E" onclick="setDispCheck('E');"/> <label for="MemAuthTypeE">이메일로 찾기</label>
{{$c_4_u2}}
</td>
</tr>
<tr id="trMemNameRow">
<td id="name_label" bgcolor="#EFEFEF">이름</td>
<td bgcolor="#FFFFFF"><input type="text" name="name" id="name"/></td>
</tr>
<tr id="trMemKeyRow">
<td id="ssn_label" bgcolor="#EFEFEF">주민등록번호</td>
<td bgcolor="#FFFFFF"><input type="password" name="MemKey" id="MemKey"/> <span id="spanTag"> * 입력시 (-)없이 숫자만 입력하세요.</span></td>
</tr>
<tr id="trEmailRow">
<td bgcolor="#EFEFEF">이메일</td>
<td bgcolor="#FFFFFF"><input type="text" name="email" id="email"/></td>
</tr>
{{$c_4_u3}}
</table>
</form>
▼ 아이디 찾기 페이지에 회원유형별 찾기 적용화면
2) 비밀번호 찾기 페이지에 회원유형별 찾기 추가
- 아래의 파일에서 파란색으로 표시된 소스를 추가해 주세요.
- 위치1 : 쇼핑몰어드민 > 디자인 > HTML디자인설정 > 회원관련화면 > 비밀번호찾기(1단계) >
new비밀번호 찾기 1단계(c_4)
<td>
<form action="./?url=PasswdfindDao" name="pwFindForm" id="pwFindForm" method="post" onsubmit="return FindPwFormCheck();">
<input type="hidden" name="is_check" id="is_check"/>
<table border="1" cellpadding="5" cellspacing="0" width="100%" style="border-collapse:collapse;" >
<col width="120"/>
<col/>
<tr>
<td align="left" width="77" bgcolor="#F6F6F6">회원 유형</td>
<td height="22" bgcolor="">
<div style="float:left;"><input type="radio" name="memType" id="memTypeI" value="I" checked="checked" onclick="setFormType('I');">개인회원 </div>
<div style="float:left;display:{{$biz_flag_display}}"><input type="radio" name="memType" id="memTypeC" value="C" onclick="setFormType('C');">법인 사업자회원 </div>
<div style="float:left;display:{{$foreign_use_display}}"><input type="radio" name="memType" id="memTypeF" value="F" onclick="setFormType('F');">외국인회원 </div>
</td>
</tr>
<tr>
<td bgcolor="#EFEFEF">구분</td>
<td bgcolor="#FFFFFF"><input type="radio" checked="checked" name="MemAuthType" id="MemAuthTypeR" value="R" onclick="setDispCheck('R');"/><span id="find_ssn">주민등록번호로 찾기</span>
<input type="radio" name="MemAuthType" id="MemAuthTypeE" value="E" onclick="setDispCheck('E');"/> <label for="MemAuthTypeE">이메일로 찾기</label>
{{$c_4_u2}}
</td>
</tr>
<tr>
<td bgcolor="#EFEFEF">아이디</td>
<td bgcolor="#FFFFFF"><input type="text" name="member_id" id="member_id"/></td>
</tr>
<tr id="trMemNameRow">
<td id="name_label" bgcolor="#EFEFEF">이름</td>
<td bgcolor="#FFFFFF"><input type="text" name="name" id="name"/></td>
</tr>
<tr id="trMemKeyRow">
<td id="ssn_label" bgcolor="#EFEFEF">주민등록번호</td>
<td bgcolor="#FFFFFF"><input type="password" name="MemKey" id="MemKey"/><span id="spanTag"> * 입력시 (-)없이 숫자만 입력하세요.</span></td>
</tr>
<tr id="trEmailRow">
<td bgcolor="#EFEFEF">이메일</td>
<td bgcolor="#FFFFFF"><input type="text" name="email" id="email"/></td>
</tr>
{{$c_4_u3}}
</table>
</form>
<div style="padding:10px; text-align: center;"><input type="image" src="{{$img_array.c_4.4.url}}" onclick="return FindIdFormCheck();"/></div>
</td>
</tr>
<script>
FindPwFormInit();
</script>
- 위치2 : 쇼핑몰어드민 > 디자인 > HTML디자인설정 > 회원관련화면 > 비밀번호찾기(1단계) >
new비밀번호 찾기 1단계(c_4) > 아이핀 선택 라디오버튼(u2)
{{* c_4_u2 START*}} <span id="ipinRadio"> <input type="radio" name="MemAuthType" id="MemAuthTypeI" value="I" onclick="setDispCheck('I');"/> <label for="MemAuthTypeI">I-Pin 인증으로 찾기</label> </span> {{* c_4_u2 END *}}
▼ 비밀번호 찾기 페이지에 회원유형별 찾기 적용화면
4. 참고사항
- 회원유형(개인/개인사업자/법인사업자/외국인) 선택 UI는 '고객/게시판 > 회원관리 > 회원가입 관련설정 > 가입항목설정'
메뉴에서의 설정에 따라 자동 노출 또는 비노출됩니다.
- 아이디 찾기/비밀번호 찾기 구 모듈(c_3) 이용 몰은 new모듈(c_4)로 변경하여 적용 시 디자인이 틀어질 수 있으므로
유의하여 적용해주시기 바랍니다.