무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 마이페이지

포인트 내역 페이지에서 포인트 전환

글번호 : 1188

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1188
카멜레온 서비스를 이용하시게 되면 포인트 기능 설정시 쇼핑몰 회원님들께서 직접 포인트를 적립금으로 전환하여 이용하실 수 있습니다. << 사용 방법 >> 1. [쇼핑몰 구축 > 쇼핑몰 관리기능 설정 > 닫힌 포인트 설정]에서원하시는 조건으로 포인트에 대하여 설정을 해주세요. 2. [중앙디자인 > 마이페이지 > 포인트 내역]에서 아래의 예제소스를 이용하여 작업해주시면 됩니다.
<< 웹 버전(PC) >>

<!-- 포인트 전환 --> <h3 class="tit-tb-list"><!--/point_name/--> 전환</h3> <div class="table-att"> <table summary="보유 <!--/point_name/-->, 포인트 전환"> <caption><!--/point_name/--><!--/point_unit/--></caption> <colgroup> <col width="180" /> <col width="600" /> <col width="220" /> <col width="100" /> </colgroup> <tbody> <tr> <th scope="row"><div class="tb-left">총 보유 <!--/point_name/--> <!--/point_unit/--></div></th> <td colspan=3><div class="tb-right"><!--/number/usable_point/--> <!--/point_unit/--></div></td> </tr> <!--/if_point_trans_least/--> <tr> <th scope="row"><div class="tb-left">포인트 전환시 최소금액 </div></th> <td colspan=3><div class="tb-right"><!--/number/point_trans_least/--> <!--/point_unit/--></div></td> </tr> <!--/end_if/--> <!--/if_point_trans_unit/--> <tr> <th scope="row"><div class="tb-left">포인트 전환 단위 </div></th> <td colspan=3><div class="tb-right"><!--/number/point_trans_unit/-->point당 1적립금</div></td> </tr> <!--/end_if/--> <tr> <!--/if_input_trans_point/--> <th scope="row"><div class="tb-left">포인트 전환 </div></th> <td><div class="tb-right"><!--/input_trans_point/--> <!--/point_unit/--></div></td> <!--/end_if/--> <!--/if_input_trans_reserve/--> <td><div class="tb-right"><!--/input_trans_reserve/--> 적립금</div></td> <!--/end_if/--> <!--/if_link_point_trans/--> <td><div class="tb-right"><a href="<!--/link_point_trans/-->"><b><font color=red>전환하기</font></b></a></div></td> <!--/end_if/--> </tr> <tr> <th scope="row"><div class="tb-left">회원 적립금 </div></th> <td colspan=3><div class="tb-right"><!--/number/user_reserve/--></div></td> </tr> </tbody> </table> </div>

<< 모바일 버전 >> 1. 디자인 편집탭

<!--/if_use_trans_point/--> <div class="point_change_write"> <table> <tbody> <tr> <th scope="row"> <!--/point_name/--> 전환</th> </tr> <tr> <th scope="row"> 전환 가능 <!--/point_name/--> </th> <td> <!--/user_trans_point/--> <!--/point_unit/--> </td> </tr> <tr> <td class="p_write"> <div class="box1"> <span class="point-tit01"> <!--/point_name/--> </span> <div class="input01"> <!--/input_trans_point/--> </div> </div> </td> <td class="p_write"> <div class="box2"> <span class="point-tit02"> <em> ▶</em> 적립금</span> <div class="input01"> <!--/input_trans_reserve/--> </div> </div> </td> </tr> <tr> <span> (최소입력단위 <!--/point_trans_least/--> <!--/point_unit/--> / <!--/point_trans_unit/--> 단위로 입력)</span> </th> </tr> </tbody> </table> </div> <div class="btn-center"> <a href="<!--/link_point_trans/--> " class="btnTyE"> 전환</a> </div> <!--/end_if/-->

2. CSS탭

/* 포인트전환 */ .btn-center {display:block; width:auto; margin:0;} .btn-center .btnTyE {display:block; margin-bottom:0; height:44px; line-height:46px; margin: 0 10px 0px;text-align: center;border: 1px solid #333;background-color: #ECECEC;} .point_change_write table {width:100%;} .point_change_write table tbody th {text-align:left; color:#333; font-weight:normal; font-size:0.875em; padding: 0 0 10px 10px;} .point_change_write table tbody th span {color:#888; padding: 0 0 0 43px;} .point_change_write table tbody .tit {border-bottom:none;} .point_change_write table tbody td {text-align:right; color:#888; font-weight:normal; font-size:0.875em; padding: 0 10px 10px 0;} .point_change_write table tbody td .change-point {font-weight:bold; color: #FF6100;} .point_change_write table tbody .p_write {text-align:left; color:#333; font-size:0.875em;} .point_change_write table tbody .p_write input {width:90%;} .point_change_write table tbody .p_write .box1 {position:relative;} .point_change_write table tbody .p_write .box1 .point-tit01 {padding-left: 10px;} .point_change_write table tbody .p_write .box2 {position:relative;} .point_change_write table tbody .p_write span {position:absolute; left:0; top:8px;} .point_change_write table tbody .p_write .input01 {margin-left:75px;} .point_change_write table tbody .p_write .box2 .input01 {margin-left:80px;} .point_change_write table tbody .p_write .box2 em {font-style:normal; color:#434343; font-size:0.875em;} .point_change_write table tbody .h2 {color:#333; font-weight:bold; font-size:0.875em; padding:0 10px 12px 10px;} .point_change_write table tbody .h2 em {display:inline-block; width:0; height:0; line-height:0; font-size:0; border: 3px solid #333; margin-right:5px;}

<< 결과화면 >> 1. 웹 버전(PC)
2. 모바일 버전
목록 1:1 문의