Help Center

카페24 소식

[스마트디자인] 아이디/비번 찾기 페이지에 회원유형별 찾기 적용 안내

2013-01-23


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

아이디, 비밀번호 찾기 페이지에 회원 유형별 찾기 기능이 추가되었습니다.
아래의 안내를 참고하여 적용하시기 바랍니다.

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



1. 제목 : 아이디/비번찾기 페이지에 회원 유형별 찾기 적용 안내

2. 적용일자 : 2013-01-23 (수)

3. 업데이트 내용


아이디, 비밀번호 찾기를 회원 유형별로 진행할 수 있도록 하는 기능이 추가되었습니다.
개인회원, 사업자회원을 모두 가입 받는 쇼핑몰에 적용하시면 유용하오니
적용을 원하시는 운영자분들께서는 다음 내용을 참고하여 적용 하시기 바랍니다.

아래와 같이 디자인 수정을 하셔야 해당 영역이 정상적으로 적용 및 작동됩니다.

  1) 아이디, 비밀번호 찾기 페이지에 회원유형별 찾기 추가
    - 아래의 파일에서 파란색으로 표시된 소스를 추가해 주세요.
    - 위치1 : /member/find_id.html (아이디 찾기 페이지)
    - 위치2 : /member/find_passwd_info.html (비밀번호 찾기 페이지)


 <fieldset>
    <legend>아이디 찾기</legend>
    <p class="memberType">
        <strong>회원유형</strong>
         {$form.searchType}
    </p>
    <p class="check">
        <span class="type">{$form.check_method}</span>
    </p>
    <p class="findType">
        <span class='mName' id="name_view">
            <span id='name_lable'>이름</span>
            <span>{$form.name}</span>
        </span>
        <span class="ssn_no" id="ssn_view">
            <span id='ssn_name'> 법인번호로 찾기</span>
            <span>{$form.ssn1} - {$form.ssn2}</span>
        </span>
        <span class="email" style="display:none;" id='email_view'>
            이메일로 찾기
            <span>{$form.email}</span>
        </span>
        <span class="mobile" style="display:none;" id='mobile_view'>
            휴대폰 번호로 찾기
            <span>{$form.mobile1} - {$form.mobile2} - {$form.mobile3}</span>
        </span>
        
        <span class="ipin" style="display:none;" id='ipin_view'>
            아이핀인증으로 찾기
            <span class="text">회원가입을 아이핀으로 가입하신 회원님께서는 <br />아이핀으로 인증하세요.</span>
            <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>
    <p class="btn">
        <a href="#" onclick="{$action_func_find_id}"><img src="http://img.echosting.cafe24.com/design/skin/mono/member/btn_ok.gif" alt="확인" /></a>
    </p>
</fieldset>



  2) CSS파일 수정
    - 아래의 파일에서 파란색으로 표시된 소스를 추가해 주세요.
    - 위치1 : /css/module/member/find_id.css

/* 추가 */
.xans-member-findid .inner .memberType {}
.xans-member-findid .inner .memberType strong { display:block; padding:0 0 5px; }
.xans-member-findid .inner .memberType select { width:180px; }
 
.xans-member-findid .inner .mobile1 {border:1px solid #bcbcbc; width:36px; height:14px; padding:2px 5px; }
.xans-member-findid .inner .mobile2 {border:1px solid #bcbcbc; width:38px; height:14px; padding:2px 5px; }

    - 위치2 : /css/module/member/find_passwd.css

/* 추가 */
.xans-member-findid .inner .memberType {}
.xans-member-findid .inner .memberType strong { display:block; padding:0 0 5px; }
.xans-member-findid .inner .memberType select { width:180px; }
 
.xans-member-findid .inner .mobile1 {border:1px solid #bcbcbc; width:36px; height:14px; padding:2px 5px; }
.xans-member-findid .inner .mobile2 {border:1px solid #bcbcbc; width:38px; height:14px; padding:2px 5px; }



▼ 아이디, 비밀번호 찾기 적용화면
 




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

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