고객이 회원 탈퇴 시 직접 입력하지 않고, 원클릭으로 탈퇴 사유를 선택할 수 있습니다.

<< 기능 설정 >>
쇼핑몰구축 > 쇼핑몰 관리기능 설정 > 회원 관련 특수조건 설정 > 회원 탈퇴 사유 항목 설정



[ PC버전 ]

1. 작업위치
중앙 디자인 > 마이페이지 > 회원 탈퇴 신청

2. 가상태그
- 회원 탈퇴 설정 사용 여부 : <!--/if_user_withdraw_use/--> 

3. 디자인 편집탭 - [기존 소스]를 [변경된 소스] 로 변경해주세요.

[기존 소스]

                        <!-- 사유 입력 폼 -->
                        <div class="scede-frm">
                            <fieldset>
                               <div class="tb-center"><!--/text_withdraw_reason(txt-area1)/--></div>       
                                <div class="btn-foot">
                                    <a href="<!--/link_withdraw_ok/-->" class="CSSbuttonBlack">회원탈퇴</a>
                                    <a href="<!--/link_withdraw_cancel/-->" class="CSSbuttonWhite">취소하기</a>
                                </div>
                            </fieldset>
                        </div><!-- .scede-frm -->
                        <!-- //사유 입력 폼 -->


[변경된 소스] 

                        <!-- 사유 입력 폼 -->
                        <!--/if_user_withdraw_use/-->
                        <dl class="scede-radio">
                            <dt>탈퇴 사유</dt>
                            <dd>
                                <ul class="clearfix">
                                    <!--/user_withdraw_reason/-->
                                </ul>
                            </dd>
                        </dl><!-- .scede-radio -->
                        <!--/end_if/-->
                        <div class="scede-frm">
                            <fieldset>
                                <div id='reason_div_view'>
                                    <!--/if_user_withdraw_use/-->
                                        <!--/text_withdraw_reason(txt-area1)/-->
                                        <p class="count"><span>0</span>/200</p>
                                    <!--/else/-->
                                        <!--/text_withdraw_reason/-->
                                    <!--/end_if/-->
                                </div>
                                <div class="btn-foot">
                                    <a href="<!--/link_withdraw_ok/-->" class="CSSbuttonBlack">회원탈퇴</a>
                                    <a href="<!--/link_withdraw_cancel/-->" class="CSSbuttonWhite">취소하기</a>
                                </div>
                            </fieldset>
                        </div><!-- .scede-frm -->
                        <!-- //사유 입력 폼 -->


4. CSS 탭

 - [베이직 심플] 
/* 탈퇴 사유 */
#mySecede .scede-radio { width:600px; margin:auto; padding-left:200px; padding-top:20px; color:#000; }
#mySecede .scede-radio dt { padding-bottom:25px; font-size:16px; font-weight:bold; }
#mySecede .scede-radio dd ul li { word-break:break-all; float:left; width:40%; padding-bottom:25px; font-size:14px; }
#mySecede .scede-radio dd ul li input[type=radio] { margin:-3px 4px 0 0; vertical-align:middle; }

/* 입력 폼 */
textarea::-webkit-input-placeholder { color:#ccc; }
textarea::-moz-placeholder { color:#ccc; }
textarea:-ms-input-placeholder { color:#ccc; }
textarea:-moz-placeholder { color:#ccc; }
#mySecede .scede-frm { clear:both; width:600px; margin:0 auto; }
#mySecede .scede-frm textarea { overflow-x:hidden; overflow-y:auto; width:558px; height:150px; padding:20px; font-size:14px; border:1px solid #dcdcdc; outline:none; }
#mySecede .count { padding-top:10px; color:#ccc; text-align:right; font-size:14px; }
#mySecede .count span { color:#000; } 


 - [모던 심플] 
#mySecede .scede-radio { width:100%; margin:0 auto; padding-left:100px; padding-top:30px; color:#000; }
#mySecede .scede-radio dt { padding-bottom:25px; font-size:16px; font-weight:bold; }
#mySecede .scede-radio dd ul { margin-left:20px; margin-right:20px; }
#mySecede .scede-radio dd ul li { float:left; width:50%; padding-bottom:25px; font-size:14px; word-break:break-all; }
#mySecede .scede-radio dd ul li input[type=radio] { margin:-3px 4px 0 0; vertical-align:middle; }
textarea::-webkit-input-placeholder { color:#ccc; }
textarea::-moz-placeholder { color:#ccc; }
textarea:-ms-input-placeholder { color:#ccc; }
textarea:-moz-placeholder { color:#ccc; }
#mySecede .scede-frm { clear:both; }
#mySecede .scede-frm textarea.MS_input_textarea { overflow-x:hidden; overflow-y:auto; width:570px; height:150px; padding:20px; font-size:14px; border:1px solid #dcdcdc; outline:none; }
#mySecede .scede-frm textarea.MS_input_addtitle { width:508px; height:150px; font-size:14px; }
#mySecede .count { padding-top:10px; color:#ccc; text-align:right; font-size:14px; }
#mySecede .count span { color:#000; }





[ 모바일 4.0 ]

1. 작업위치
중앙 디자인 > 마이페이지 > 회원 탈퇴 신청

2. 가상태그
- 회원 탈퇴 설정 사용 여부 : <!--/if_user_withdraw_use/--> 


3. 디자인 편집탭 - [기존 소스]를 [변경된 소스] 로 변경해주세요.

[기존 소스]

            <section class="frm">
                <h5>탈퇴사유</h5>
                <!--/text_withdraw_reason(txt-area1)/-->
            </section>


[변경된 소스] 

           <!--/if_user_withdraw_use/-->
           <dl class="scede-radio">
               <dt>탈퇴 사유</dt>
               <dd>
                   <ul class="clearfix">
                      <!--/user_withdraw_reason/-->
                   </ul>
               </dd>
           </dl><!-- .scede-radio -->
           <section class="frm">
               <!--/text_withdraw_reason(txt-area1)/-->
               <p class="count"><span>0</span>/200</p>
           </section>
           <!--/else/-->
           <section class="frm">
               <h5>탈퇴사유</h5>
               <!--/text_withdraw_reason/-->
           </section>
           <!--/end_if/-->


4. CSS 탭 

#drop .scede-radio { padding:5px 10px 0; color:#333; }
#drop .scede-radio dt { padding-bottom:15px; font-size:14px; font-weight:bold; }
#drop .scede-radio dd ul li { padding-bottom:15px; padding-left: 50px; padding-right:50px; font-size:12px; word-break:break-all; }
#drop .scede-radio dd ul li input[type=radio] { margin:0 2px 0 0; vertical-align:middle; }
textarea::-webkit-input-placeholder { color:#ccc; }
textarea::-moz-placeholder { color:#ccc; }
textarea:-ms-input-placeholder { color:#ccc; }
textarea:-moz-placeholder { color:#ccc; }
#drop .frm .count { padding-top:10px; padding-right:5px; color:#ccc; text-align:right; font-size:12px; }
#drop .frm .count span { color:#000; }






[ 모바일 2.0 ]

1. 작업위치
중앙 디자인 > 마이페이지 > 회원 탈퇴 신청

2. 가상태그
- 회원 탈퇴 설정 사용 여부 : <!--/if_user_withdraw_use/--> 


3. 디자인 편집탭 - [기존 소스]를 [변경된 소스] 로 변경해주세요.

[기존 소스]

        <div class="frm">
            <dl>
                <dt>사유</dt>
                <dd>
                    <!--/text_withdraw_reason(txt-area1)/-->
                </dd>
            </dl>
        </div> <!-- .frm -->


[변경된 소스] 

           <!--/if_user_withdraw_use/-->
               <dl class="scede-radio">
                   <dt>탈퇴 사유</dt>
                   <dd>
                       <ul class="clearfix">
                       <!--/user_withdraw_reason/-->
                       </ul>
                   </dd>
               </dl><!-- .scede-radio -->
               <section class="frm">
                   <!--/text_withdraw_reason/-->
                   <p class="count"><span>0</span>/200</p>
               </section>
           <!--/else/-->
               <div class="frm">
                   <dl>
                       <dt>사유</dt>
                       <dd>
                        <!--/text_withdraw_reason(txt-area1)/-->
                       </dd>
                   </dl>
               </div>
           <!--/end_if/-->


4. CSS 탭 

#drop .scede-radio { padding:20px 0 0; color:#333; }
#drop .scede-radio dt { padding-bottom:15px; font-size:14px; font-weight:bold; }
#drop .scede-radio dd ul li { padding-bottom:15px; padding-left:50px; padding-right:50px; font-size:12px; list-style:none; word-break:break-all; }
#drop .scede-radio dd ul li input[type=radio] { margin:0 2px 0 0; vertical-align:middle; }
textarea::-webkit-input-placeholder { color:#ccc; }
textarea::-moz-placeholder { color:#ccc; }
textarea:-ms-input-placeholder { color:#ccc; }
textarea:-moz-placeholder { color:#ccc; }
#drop .frm .count { padding-top:10px; padding-right:5px; color:#ccc; text-align:right; font-size:12px; }
#drop .frm .count span { color:#000; }
#drop .frm dl { margin-top: 10px; border: 1px solid #b5bcc4; }
#drop .frm dl { margin-top: 0px; border:0px; }
#drop .frm dt { padding: 6px 0 4px; border-bottom: 1px solid #b5bcc4; background-color: #d6d9de; color: #5d5d5d; font-weight: bold; text-align: center; }
#drop .frm dd { height: 130px; padding: 5px; }
#drop .frm dd textarea { border: 0; }






< 예시화면 >

[PC 화면]




[모바일 화면]