-->

무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 주문관련

[렌탈페이] 마이페이지 내 렌탈페이 적용 방법

글번호 : 1367

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1367
마이페이지 내 렌탈페이 적용 방법에 대해 안내드립니다. (마이페이지 메인 / 주문내역 / 주문상세 / 주문조회) <<지원범위>> - 통합옵션 / 주문 2.0 / D4 / 모바일 4.0 / 고급형 주문서 <<기능설정>> 1) [쇼핑몰구축 > 쇼핑몰 결제서비스 설정 > 결제서비스 계정 관리 > 렌탈페이 결제] 화면에서 PG ID 저장 2) [상품관리 > 렌탈 관리 > 렌탈 상품관리] 화면에서 렌탈상품 신규등록 후 사용 가능합니다.
[PC 버전]
<<마이페이지 메인>> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 마이페이지 메인 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_order_list@is_rental_pay/--> - 월 렌탈금액: <!--/number/order_list@rental_price/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. ① 베이직 심플 [디자인 편집탭] <!--선물하기--> <!--/else/--> <td><div class="tb-center"><!--/order_list@brand_name/--><!--/if_order_list@is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--></div></td> <!--/end_if/--> <td><div class="tb-center"><!--/if_order_list@is_rental_pay/-->월<!--/number/order_list@rental_price/--><!--/else/--><!--/number/order_list@order_price/--><!--/end_if/-->원</div></td> <!--/if_order_list@is_present/--> [CSS] /*렌탈아이콘*/ #orderInfo .ico-rental {display: inline-block; font-weight: 400; margin-left: 5px; padding: 0 7px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} ② 모던 심플 [디자인 편집탭] <!--/if_order_list@is_present/--> <td><div class="tb-left"><span class="fa fa-gift"></span> <!--/if_order_list@is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--> <!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td><!--선물하기--> <!--/else/--> <td><div class="tb-left"><!--/if_order_list@is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--> <!--/order_list@brand_name/--></div></td> <!--/end_if/--> <td><div class="tb-center"> <!--/if_order_list@is_rental_pay/--> 월 <!--/number/order_list@rental_price/--> <!--/else/--> <!--/number/order_list@order_price/-->원 <!--/end_if/--> </div></td> [CSS] /*렌탈아이콘*/ #mypage .tbl .ico-rental {display: inline-block; margin-left: 5px; padding: 0 7px; line-height: 18px; background: #441e7c; font-size: 11px; color: #fff;} [예시 이미지]
<<마이페이지 주문 내역>> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 주문 내역 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_order_list@is_rental_pay/--> - 월 렌탈금액: <!--/number/order_list@rental_price/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. ① 베이직 심플 [디자인 편집탭] <!--선물하기--> <!--/else/--> <td><div class="tb-center"><!--/order_list@brand_name/--><!--/if_order_list@is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--></div></td> <!--/end_if/--> <td><div class="tb-center"><!--/if_order_list@is_rental_pay/-->월 <!--/number/order_list@rental_price/--><!--/else/--><!--/number/order_list@order_price/--><!--/end_if/-->원</div></td> <!--/if_order_list@is_present/--> ② 모던 심플 [디자인 편집탭] <!--/if_order_list@is_present/--> <td><div class="tb-left"><span class="fa fa-gift"></span> <!--/if_order_list@is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--> <!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td><!--선물하기--> <!--/else/--> <td><div class="tb-left"><!--/if_order_list@is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--> <!--/order_list@brand_name/--></div></td> <!--/end_if/--> <td><div class="tb-center tb-bold"><!--/if_order_list@is_rental_pay/-->월 <!--/number/order_list@rental_price/--><!--/else/--><!--/number/order_list@order_price/--><!--/end_if/-->원</div></td> <!--/if_order_list@is_present/--> [CSS] /*렌탈아이콘*/ #myOrder .table-d2-list .ico-rental {display: inline-block; margin-left: 3px; padding: 0 7px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} [예시 이미지]
<<마이페이지 주문 상세>> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 주문상세 내역 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_is_rental_pay/-->, - 선납금: <!--/number/rental_prepaymentprice/--> - 월 렌탈금액: <!--/number/rental_price/--> - 총 렌탈금액: <!--/number/rental_total_price/--> - 렌탈기간: <!--/rental_period/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. ① 베이직 심플 <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--><!--/if_is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--></div></td> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <td colspan="<!--/if_use_re_basket/-->9<!--/else/-->8<!--/end_if/-->"> <div class="tb-right"> <!--/if_is_rental_pay/--> <!--/number/total_price/-->(상품금액) <!--/if_use_deposit/--> - <!--/number/use_deposit/-->(예치금) <!--/end_if/--> <!--/if_use_reserve/--> - <!--/number/use_reserve/-->(적립금) <!--/end_if/--> <!--/if_discount_price(+1)/--> + <!--/number/discount_price/-->(할인금액) <!--/else/--> <!--/number/discount_price/-->(할인금액) <!--/end_if/--> - <!--/number/rental_prepaymentprice/-->(선납금) / <!--/rental_period/-->개월(렌탈기간) = 월 렌탈료 <!--/number/rental_price/-->원 (총 <!--/number/rental_total_price/-->원) <!--/else/--> <!--/number/total_price/-->(상품구매금액) ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ = <!--/number/pay_price/-->원 <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/order_product@option/--><!--/end_if/--></span> <br><!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/end_if/--> <!--/if_is_present/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <td><div class="tb-center tb-nbold"><!--/pay_method/--></div></td> <td><div class="tb-center"><!--/if_is_rental_pay/--> <!--/number/rental_price/-->원 (<!--/pay_status/-->) <!--/else/--><!--/number/pay_price/-->원 (<!--/pay_status/-->)<!--/end_if/--></div></td> [CSS] /*렌탈아이콘*/ #orderInfo .ico-rental {display: inline-block; font-weight: 400; margin-left: 5px; padding: 0 7px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} ② 모던 심플 [디자인 편집탭] <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--><!--/if_is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--></div></td> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <th scope="row"><div class="tb-center">배송번호</div></th> </thead> <tfoot> <td colspan="8"> <div class="tb-right"> <!--/if_is_rental_pay/--> <!--/number/total_price/-->(상품금액) <!--/if_delivery_price/--> + <!--/number/delivery_price/-->(배송료) <!--/end_if/--> <!--/if_use_deposit/--> - <!--/number/use_deposit/-->(예치금) <!--/end_if/--> <!--/if_use_reserve/--> - <!--/number/use_reserve/-->(적립금) <!--/end_if/--> <!--/if_discount_price(+1)/--> + <!--/number/discount_price/-->(할인금액) <!--/else/--> <!--/number/discount_price/-->(할인금액) <!--/end_if/--> - <!--/number/rental_prepaymentprice/-->(선납금) / <!--/rental_period/-->(렌탈기간) = 월 렌탈료 <!--/number/rental_price/-->원 (총 <!--/number/pay_price/-->)원 <!--/else/--> <!--/number/total_price/-->(상품구매금액) ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/end_if/--> = <!--/number/pay_price/-->원 <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/pay_method/--></div></td> <td><div class="tb-center"><!--/if_is_rental_pay/--> <!--/number/rental_price/-->원 <!--/else/--><!--/number/pay_price/-->원 (<!--/pay_status/-->)<!--/end_if/--></div></td> [CSS] /* 렌탈아이콘 */ .ico-rental {display: inline-block; font-weight: 400; margin-left: 5px; padding: 0 7px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} [예시 이미지]
<<마이페이지 주문조회 팝업>> 1. 작업 위치 - 중앙 디자인 > 주문관련 > 주문조회/후기 팝업 > 주문조회 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_is_rental_pay/--> - 선납금: <!--/number/rental_prepaymentprice/--> - 월 렌탈금액: <!--/number/rental_price/--> - 총 렌탈금액: <!--/number/rental_total_price/--> - 렌탈기간: <!--/rental_period/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. ① 베이직 심플 <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--><!--/if_is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--></div></td> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <td colspan="<!--/if_use_re_basket/-->9<!--/else/-->8<!--/end_if/-->"> <div class="tb-right"> <!--/if_is_rental_pay/--> <!--/number/total_price/-->(상품금액) <!--/if_delivery_price/--> + <!--/number/delivery_price/-->(배송료) <!--/end_if/--> <!--/if_use_deposit/--> - <!--/number/use_deposit/-->(예치금) <!--/end_if/--> <!--/if_use_reserve/--> - <!--/number/use_reserve/-->(적립금) <!--/end_if/--> <!--/if_discount_price(+1)/--> + <!--/number/discount_price/-->(할인금액) <!--/else/--> <!--/number/discount_price/-->(할인금액) <!--/end_if/--> - <!--/number/rental_prepaymentprice/-->(선납금) / <!--/rental_period/-->개월(렌탈기간) = 월 렌탈료 <!--/number/rental_price/-->원 (총 <!--/number/rental_total_price/-->원) <!--/else/--> <!--/number/total_price/-->(상품구매금액) ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ = <!--/number/pay_price/-->원 <!--/end_if/--> </div> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/order_product@option/--><!--/end_if/--></span> <br><!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/end_if/--> </div> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/pay_method/--></div></td> <td> <div class="tb-center"> <!--/if_is_rental_pay/--> <!--/number/rental_price/-->원 (<!--/pay_status/-->) <!--/else/--> <!--/number/pay_price/-->원 (<!--/pay_status/-->) <!--/end_if/--> </div> ② 모던 심플 [디자인 편집탭] <th scope="row"><div class="tb-center">주문번호</div></th> <td><div class="tb-center"><!--/if_is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--><!--/order_num/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <td colspan="<!--/if_weightdeli_use/-->9<!--/else/-->8<!--/end_if/-->"> <div class="tb-right"> <!--/if_is_rental_pay/--> <!--/number/total_price/-->(상품구매금액) <!--/if_delivery_price/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/number/discount_price/-->(할인/추가금액) <!--/end_if/--> - <!--/number/rental_prepaymentprice/-->(선납금) / <!--/rental_period/-->개월(렌탈기간) = 월 렌탈료 <!--/number/rental_price/-->원 (총 <!--/number/rental_total_price/-->원) <!--/else/--> <!--/number/total_price/-->(상품구매금액) ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ = <!--/number/pay_price/-->원 <!--/end_if/--> </div> [CSS] /* 렌탈페이 */ #orderInfo .ico-rental {display: inline-block; font-weight: 400; margin-left: 5px; padding: 0 7px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} [예시 이미지]
[MO 버전]
<<마이페이지 주문 내역>> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 주문내역 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_order_list@is_rental_pay/--> - 렌탈주문 여부 확인(렌탈 주문이 아닌 경우): <!--/if_not_order_list@is_rental_pay/--> - 월 렌탈금액: <!--/number/order_list@rental_price/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. [디자인 편집탭] <th>결제금액</th> <!--/if_order_list@is_rental_pay/--> <td>월 <em class="color_a63f42"><!--/number/order_list@rental_price/--></em>원</td> <!--/else/--> <td><em class="color_a63f42"><!--/number/order_list@pay_price/--></em>원 <!--/if_order_list@delivery_price(+1)/--> (배송비 : <!--/number/order_list@delivery_price/-->원)<!--/end_if/--></td> <!--/end_if/--> </tr> <!--/if_order_list@is_rental_pay/--> <!--/if_order_list@total_point/--> <tr> <th>포인트</th> <td>지급예정 : <!--/if_order_list@total_point(+1)/-->+<!--/end_if/--><!--/order_list@total_point/--><!--/order_list@point_unit/--></td> </tr> <!--/end_if/--> <!--/end_if/--> <!--/if_not_order_list@is_rental_pay/--> <!--/if_login/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/order_list@point_unit/--></td> </tr> <!--/end_if/--> <!--/end_if/--> [예시 이미지]
<<마이페이지 주문 상세>> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 주문상세 내역 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_is_rental_pay/--> - 렌탈주문 여부 확인(렌탈 주문이 아닌 경우): <!--/if_not_is_rental_pay/--> - 선납금: <!--/number/rental_prepaymentprice/--> - 월 렌탈금액: <!--/number/rental_price/--> - 총 렌탈금액: <!--/number/rental_total_price/--> - 렌탈기간: <!--/rental_period/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. [디자인 편집탭] <!--/end_if/--> <!--/else/--> <!-- //일반 상품 --> <!--/if_not_is_rental_pay/--> <!--/if_order_product@link_cancel/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/order_product@link_return/-->">반품</a><!--/end_if/--> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <th>결제금액</th> <!--/if_is_rental_pay/--> <td>월 <!--/number/rental_price/-->원</td> <!--/else/--> <td><!--/number/pay_price/-->원</td> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <tr> <th><!--/if_is_rental_pay/-->상품금액<!--/else/-->주문금액<!--/end_if/--></th> <td><!--/number/total_price/-->원</td> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/end_if/--> <!--/if_not_is_rental_pay/--> <!--/if_delivery_price/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/end_if/--> <!--/end_if/--> <!--/if_use_reserve/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <td><!--/use_deposit/-->원</td> </tr> <!--/end_if/--> <!--/if_is_rental_pay/--> <tr> <th>선납금</th> <td class="fc_red">- <!--/number/rental_prepaymentprice/--></td> </tr> <tr> <th>렌탈기간</th> <td><!--/rental_period/-->개월</td> </tr> <!--/end_if/--> <tr> <th>실제 결제 총액</th> <!--/if_is_rental_pay/--> <td>월 렌탈료 <!--/number/rental_price/-->원 (총 <!--/number/rental_total_price/-->원) (<!--/pay_status/-->)</td> <!--/else/--> <td><!--/number/pay_price/-->원 (<!--/pay_status/-->)</td> <!--/end_if/--> </tr> [예시 이미지]
목록 1:1 문의