[모바일쇼핑몰] 회원가입 시 생년월일 설정 업그레이드

2013-07-03

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

모바일쇼핑몰 회원가입 시 생년월일 항목이 PC쇼핑몰과 동일하게 적용되도록 업그레이드 되었습니다.

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

■ 적용일자 : 2013-07-03 (수)

■ 업데이트 내용

정보통신망법 개정에 따라 2013년 2월 부터 주민등록 번호를 수집/사용할 수 없게 되면서
회원가입 시 받은 생년월일을 고유 식별정보로 많이 활용하고 계실텐데요,

모바일쇼핑몰에서도 동일하게 회원가입 시 생년월일을 받을 수 있도록 기능 업그레이드 되었습니다.
아래의 안내에 따라 기능 적용하시고, 모바일에서도 원하시는 정보로 회원을 늘려보세요!

1. 생년월일 항목 설정

- 위치 : '쇼핑몰어드민 > 고객관리 > 회원관리 > 회원가입항목 설정'
- 아래 이미지와 같이 생년월일 항목에 대한 설정을 확인합니다.

1) 사용 : 체크시 모바일쇼핑몰 회원가입 페이지에 항목이 표시되며, 체크 안 함의 경우 항목이 표시되지 않습니다.
2) 타입 : '선택'인 경우 회원가입시 생년월일 항목을 입력하지 않아도 회원가입이 완료되며, '필수'인 경우 생년월일을
반드시 입력해야 회원가입이 완료됩니다.

2. HTML 수정

- 위치 : 쇼핑몰어드민 > 모바일쇼핑몰 > HTML디자인 > 편집창 > 회원(member) > 회원가입(join.html)
- 아래와 같이 파란색 소스를 추가합니다.

<div class="gTitle">
<h2>회원가입</h2>
</div>

##### 중간생략 #####

<tr>
<th scope="row"><span>이메일</span></th>
<td class="gField">
{$form.email}
</td>
</tr>
<tr>
<th scope="row"><span>이메일 <br>수신여부</span></th>
<td>
뉴스 메일을 받으시겠습니까?
<span class="gLine">{$form.is_news_mail}</span>
</td>
</tr>
<tr>
<th scope="row"><span>생년월일</span></th>
<td class="gField">
{$form.birth_year} 년
{$form.birth_month} 월
{$form.birth_day} 일
<span class="gLine">{{$form.is_solar_calendar}}</span>
</td>
</tr>
</table>
</div>
<div class="mButton">
<p><a href="#none" onclick="{$action_func_join}" class="tSubmit1"><span>확인</span></a></p>
</div>
</div>

3. CSS 수정

- 위치 : 쇼핑몰어드민 > 모바일쇼핑몰 > HTML디자인 > 편집창 > css > common.css
- 아래와 같이 파란색 소스를 추가합니다.

@charset "euc-kr";

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
html {width:100%; height:100%; }
body, code {font-size:16px; line-height:1.2em; color:rgb(28,28,28); background:rgb(255,255,255); -webkit-text-size-adjust:none; }
code { background:none; display:block; }

##### 중간생략 #####

/* 회원가입을 위한 버튼 정렬 */
.mBoard.joinType .tButton.type2 span { width:45px; text-align:center; }
/* joinType */
.joinType #rname_tr { display:none; }
.joinType #rssn_tr { display:none; }
.joinType #name_tr { display:none; }
.joinType #ssn_tr { display:none; }
.joinType #real_name { width:113px; }
.joinType #real_ssn1 { width:47px; }
.joinType #real_ssn2 { width:49px; }
.joinType #ssn1 { width:47px; }
.joinType #ssn2 { width:49px; }
.joinType #name { width:113px; }
.joinType #member_id { width:113px; }
.joinType #passwd { width:180px; }
.joinType #user_passwd_confirm { width:180px; }
.joinType #hint { width:95%; }
.joinType #hint_answer { width:95%; }
.joinType #addr1 { width:95%; }
.joinType #addr2 { width:95%; }
.joinType #postcode1 { width:47px; outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.joinType #postcode2 { width:47px; outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.joinType #phone1 { width:60px; }
.joinType #phone2 { width:40px; }
.joinType #phone3 { width:40px; }
.joinType #mobile1 { width:60px; }
.joinType #mobile2 { width:40px; }
.joinType #mobile3 { width:40px; }
.joinType .gNumber input,
.joinType .gNumber select { margin:0 5px; }
.joinType .gNumber input:first-child,
.joinType .gNumber select:first-child { margin-left:0; }
.joinType #birth_year { width:40px; }
.joinType #birth_month { width:30px; }
.joinType #birth_day { width:30px;}
/* rowType1 */
.mBoard.rowType1 td #email1 { width:30%; }
.mBoard.rowType1 td #email2 { width:20%; }
.mBoard.rowType1 td #email3 { width:33%; margin:0 0 0 3px; vertical-align:middle; }

##### 이하생략 #####

▼ 모바일쇼핑몰 회원가입 적용화면

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

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

2013-07-03