-->

무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 주문관련

[렌탈페이] 주문서 내 렌탈페이 적용 방법

글번호 : 1366

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1366
주문서 내 렌탈페이 적용 방법에 대해 안내드립니다. (주문서/주문완료) <<지원범위>> - 통합옵션 / 주문 2.0 / D4 / 모바일 4.0 / 고급형 주문서 <<기능설정>> 1) [쇼핑몰구축 > 쇼핑몰 결제서비스 설정 > 결제서비스 계정 관리 > 렌탈페이 결제] 화면에서 PG ID 저장 2) [상품관리 > 렌탈 관리 > 렌탈 상품관리] 화면에서 렌탈상품 신규등록 후 사용 가능합니다.
[PC 버전]
<<고급형 주문서>> 1. 작업 위치 - 중앙 디자인 > 주문관련 > 고급형 주문서 작성 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_is_rental_pay/--> - 렌탈기간: <!--/rental_period/--> - 선납금: <!--/block_rental_prepayment/--> - 월 렌탈금액: <!--/block_rental_price/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. ① 베이직 심플 [디자인 편집탭] 1) 주문상품 정보 영역 <div class="tb-left"> <!--/if_not_is_rental_pay/--><!--/if_provider_product@list@afterdeli_icon/--><img src="<!--/provider_product@list@afterdeli_icon/-->"><!--/end_if/--><!--/end_if/--> <a href="<!--/provider_product@list@link/-->"><!--/if_is_rental_pay/--><!-- 렌탈표시 추가 --><span class="ico-rental">렌탈</span><!--/end_if/--><strong><!--/provider_product@list@name(50)/--></strong> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/provider_product@list@option/--></div><!--/end_if/--> </a> <!-- 렌탈 기간 추가 --> <!--/if_is_rental_pay/--><div style="margin-top:10px; color:#7f7f7f;line-height:18px;">렌탈기간 : <!--/rental_period/-->개월</div><!--/end_if/--> </div> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <td colspan="<!--/if_block_smart_coupon/-->7<!--/else/-->6<!--/end_if/-->"> <div class="tb-right"> <!-- 렌탈 상품 s --> <!--/if_is_rental_pay/--> <strong>주문 금액 <!--/number/provider_product@total_product/-->원 <!--/provider_product@block_total_discount_etc/--><!--/if_provider_product@total_discount_etc(+1)/--><span class="fc-black"> - 할인금액 <!--/provider_product@total_discount_etc/-->원</span><!--/end_if/--><!--/end_block/--> - 선납금 <!--/block_rental_prepayment/--><!--/end_block/-->원 / 렌탈기간 <!--/rental_period/-->개월 = 월 렌탈료 <!--/block_rental_price/--><!--/end_block/-->원 </strong> <!-- 렌탈 상품 e --> <!--/else/--> 주문 금액 <strong><!--/number/provider_product@total_product/-->원</strong> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ = <strong>주문 금액 <!--/provider_product@total_sumprice/-->원</strong> <!--/end_if/--> 2) 주문상품 할인적용 영역 <col style="width: 22%" /> </colgroup> <thead> <tr> <!--/if_is_rental_pay/--> <th scope="col">상품금액</th> <th scope="col">할인금액</th> <th scope="col">선납금</th> <th scope="col">렌탈기간</th> <th scope="col">월 렌탈료</th> <!--/else/--> <th scope="col">상품금액</th> <th scope="col">배송비</th> <th scope="col">할인금액</th> <th scope="col">추가금액</th> <th scope="col">결제 예정금액</th> <!--/end_if/--> </tr> <tr> <td> <div class="base"> <strong><em><!--/block_op_product_origin_price/--><!--/number/op_product_origin_price/--><!--/end_block/--></em>원</strong> </div> </td> <td> <div class="base"> <!--/if_is_rental_pay/--> <strong><em class="fc-red"><!--/block_op_sale_sum_price/--><!--/number/op_sale_sum_price/--><!--/end_block/--></em>원</strong> <!--/else/--> <strong><em><!--/block_op_delivery_price/--><!--/number/op_delivery_price/--><!--/end_block/--></em><!--/block_op_delivery_unit/-->원<!--/end_block/--></strong> <!--/end_if/--> <a class="plus"><img src="/images/common/bul_h23_plus.png" alt="plus"/></a><a class="minus" style="display:none;"><img src="/images/common/bul_h23_minus.png" alt="minus"/></a> </div> </td> <td> <div class="base"> <!--/if_is_rental_pay/--> <strong><em><!--/block_rental_prepayment/--><!--/end_block/--></em>원</strong> <!--/else/--> <strong><em class="fc-red"><!--/block_op_sale_sum_price/--><!--/number/op_sale_sum_price/--><!--/end_block/--></em>원</strong> <!--/end_if/--> <a class="plus" style="display:none;"><img src="/images/common/bul_h23_plus.png" alt="plus"/></a><a class="minus"><img src="/images/common/bul_h23_minus.png" alt="minus"/></a> </div> </td> <td> <div class="base"> <!--/if_is_rental_pay/--> <strong><em><!--/rental_period/--></em>개월</strong> <a class="division"><img src="/images/common/bul_h23_division.png" alt="division"/></a> <!--/else/--> <strong><em><!--/block_op_add_price/--><!--/number/op_total_vat/--><!--/end_block/--></em>원</strong> <a class="plus"><img src="/images/common/bul_h23_plus.png" alt="plus"/></a><a class="minus" style="display:none;"><img src="/images/common/bul_h23_minus.png" alt="minus"/></a> <!--/end_if/--> </div> </td> <td> <div class="base"> <a class="equal"><img src="/images/common/bul_h23_equal.png" alt="equal"/></a> <!--/if_is_rental_pay/--> <strong><em class="fc-red"><!--/block_rental_price/--><!--/end_block/--></em>원</strong> <!--/else/--> <strong><em class="fc-red"><!--/block_op_sum_price/--><!--/number/total_price/--><!--/end_block/--></em>원</strong> <!--/end_if/--> </div> </td> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ </div><!-- .tbl-pay --> <!--/if_is_rental_pay/--><span class="rental-help-txt">* 월 렌탈료에는 렌탈 수수료가 포함되어 있어 실제 계산한 금액과는 다를 수 있습니다.</span><!--/end_if/--> <h3>결제 정보 3) 최종 결제금액 영역 <th>최종 결제금액</th> <td> <!--/if_is_rental_pay/--> <strong class="price">월 <em><!--/block_rental_price/--><!--/end_block/--></em> 원</strong> <!--/else/--> <strong class="price"><em><!--/block_unit_dollar/-->$<!--/end_block/--> <!--/block_final_price/--><!--/number/total_price/--><!--/end_block/--></em> <!--/block_unit_won/-->원<!--/end_block/--></strong>   <!--/end_if/--> <!--/if_login/--> <!--/block_all_expect_reserve/--> [CSS] /* 렌탈 추가 */ #order .ico-rental {display: inline-block; padding: 0 7px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} #order .tbl-pay thead td .base .division { position: absolute; top: 9px; width: 23px; height: 23px; right:90%; } #order .fc-black { color:#000000; } ② 모던 심플 [디자인 편집탭] 1) 주문상품 정보 영역 1111 <div class="tb-left"> <a href="<!--/provider_product@list@link/-->"><!--/if_is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--><!--/provider_product@list@name(50)/--> <!--/if_provider_product@list@icon_bankonly/--><img src="<!--/provider_product@list@icon_bankonly/-->" /><!--/end_if/--> <!--/if_provider_product@list@icon_cardonly/--><img src="<!--/provider_product@list@icon_cardonly/-->" /><!--/end_if/--> </a> <!--/if_is_rental_pay/--><div style="margin-top:5px; color:#7f7f7f;line-height:18px;">렌탈기간 : <!--/rental_period/-->개월</div><!--/end_if/--> </div> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <tr class="total"> <td colspan="<!--/if_block_smart_coupon/-->7<!--/else/-->6<!--/end_if/-->"> <div class="tb-right"> <!--/if_is_rental_pay/--> <strong>상품 금액 <!--/number/provider_product@total_product/-->원 <!--/provider_product@block_total_discount_etc/--><!--/if_provider_product@total_discount_etc(+1)/--><span class="fc-red"> - <span class="fc-red">할인금액 <!--/provider_product@total_discount_etc/-->원</span><!--/end_if/--><!--/end_block/--> <span class="fc-red"> - 선납금 <!--/block_rental_prepayment/--><!--/end_block/-->원</span> <span class="fc-red"> / 렌탈기간 <!--/rental_period/-->개월</span> = 월 렌탈료 <!--/block_rental_price/--><!--/end_block/-->원 </strong> <!--/else/--> 주문 금액 <strong><!--/number/provider_product@total_product/-->원</strong> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ = <strong>주문 금액 <!--/provider_product@total_sumprice/-->원</strong> <!--/end_if/--> 2) 주문 상품 할인적용 영역 <thead> <tr> <!--/if_is_rental_pay/--> <th scope="col">상품금액</th> <th scope="col">할인금액</th> <th scope="col">선납금</th> <th scope="col">렌탈기간</th> <th scope="col">월 렌탈료</th> <!--/else/--> <th scope="col">상품금액</th> <th scope="col">배송비</th> <th scope="col">할인금액</th> <th scope="col">추가금액</th> <th scope="col">결제 예정금액</th> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <div class="base"> <!--/if_is_rental_pay/--> <strong><em class="fc-red"><!--/block_op_sale_sum_price/--><!--/number/op_sale_sum_price/--><!--/end_block/--></em>원</strong> <!--/else/--> <strong><em><!--/block_op_delivery_price/--><!--/number/op_delivery_price/--><!--/end_block/--></em><!--/block_op_delivery_unit/-->원<!--/end_block/--></strong> <!--/end_if/--> <a class="plus"><img src="/images/common/bul_h23_plus.png" alt="plus"/></a><a class="minus" style="display:none;"><img src="/images/common/bul_h23_minus.png" alt="minus"/></a> </div> </td> <td> <div class="base"> <!--/if_is_rental_pay/--> <strong><em><!--/block_rental_prepayment/--><!--/end_block/--></em>원</strong> <!--/else/--> <strong><em class="fc-red"><!--/block_op_sale_sum_price/--><!--/number/op_sale_sum_price/--><!--/end_block/--></em>원</strong> <!--/end_if/--> <a class="plus" style="display:none;"><img src="/images/common/bul_h23_plus.png" alt="plus"/></a><a class="minus"><img src="/images/common/bul_h23_minus.png" alt="minus"/></a> </div> </td> <td> <div class="base"> <!--/if_is_rental_pay/--> <a class="division"><img src="/images/common/bul_h23_division.png" alt="division"/></a> <strong><em><!--/rental_period/--></em>개월</strong> <!--/else/--> <strong><em><!--/block_op_add_price/--><!--/number/op_total_vat/--><!--/end_block/--></em>원</strong> <a class="plus"><img src="/images/common/bul_h23_plus.png" alt="plus"/></a><a class="minus" style="display:none;"><img src="/images/common/bul_h23_minus.png" alt="minus"/></a> <!--/end_if/--> </div> </td> <td> <div class="base"> <a class="equal"><img src="/images/common/bul_h23_equal.png" alt="equal"/></a> <!--/if_is_rental_pay/--> <strong><em class="fc-red"><!--/block_rental_price/--><!--/end_block/--></em>원</strong> <!--/else/--> <strong><em class="fc-red"><!--/block_op_sum_price/--><!--/number/total_price/--><!--/end_block/--></em>원</strong> <!--/end_if/--> </div> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ </div><!-- .tbl-pay --> <!--/if_is_rental_pay/--><span class="rental-help-txt">* 월 렌탈료에는 렌탈 수수료가 포함되어 있어 실제 계산한 금액과는 다를 수 있습니다.</span><!--/end_if/--> <h3>결제 정보 3) 최종 결제금액 영역 <th>최종 결제금액</th> <td> <!--/if_is_rental_pay/--> <strong class="price">월 <em><!--/block_rental_price/--><!--/end_block/--></em> 원</strong> <!--/else/--> <strong class="price"><em><!--/block_unit_dollar/-->$<!--/end_block/--> <!--/block_final_price/--><!--/number/total_price/--><!--/end_block/--></em> <!--/block_unit_won/-->원<!--/end_block/--></strong>   <!--/end_if/--> <!--/if_login/--> [CSS] /* 렌탈 추가 */ #order .ico-rental {display: inline-block; padding: 0 5px; margin-right: 5px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} #order .tbl-pay thead td .base .division { position: absolute; top: 9px; width: 23px; height: 23px; right:90%; } [예시 이미지]
<<주문완료>> 1. 작업 위치 - 중앙 디자인 > 주문관련 > 주문 완료 2. 가상태그 - 렌탈상품여부 확인: <!--/if_order_product@is_rental_prd/--> - 렌탈주문 여부 확인: <!--/if_is_rental_pay/--> - 렌탈기간: <!--/rental_period/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. ① 베이직 심플 [디자인 편집탭] <td> <div class="tb-left"> <!--/if_order_product@provider_icon/--><img src ="<!--/order_product@provider_icon/-->" alt="" title="" ><!--/end_if/--> <!--/if_order_product@is_rental_prd/--><span class="ico-rental">렌탈</span><!--/end_if/--> <!--/if_order_product@link/--> <a href="<!--/order_product@link/-->" class="tb-bold"><!--/order_product@name/--></a> <br><!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/end_if/--> <!--/else/--> <!--/order_product@name/--> <br><!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/end_if/--> <!--/end_if/--> </div> </td> <td> [CSS] /*렌탈아이콘*/ #order .ico-rental {display: inline-block; font-weight: 400; margin-right: 5px; padding: 0 7px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} #order .table-cart .discount-period td {padding: 25px 0; border-top: 1px solid #000; color: #7f7f7f;} #order .table-cart .discount-period td .discount {color: #000;} ② 모던 심플 [디자인 편집탭] <!--/if_order_product@link/--> <!--/if_order_product@is_rental_prd/--><span class="ico-rental">렌탈</span><!--/end_if/--> <a href="<!--/order_product@link/-->"><!--/order_product@name(100)/--></a> <br><!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/end_if/--> <!--/else/--> <!--/order_product@name(100)/--> <br><!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/end_if/--> <!--/end_if/--> [CSS] /* 렌탈 추가 */ #order .ico-rental {display: inline-block; font-weight: 400; margin-right: 5px; padding: 0 7px; line-height: 19px; background: #441e7c; font-size: 11px; color: #fff;} #order .table-cart .discount-period td {padding: 5px 0; font-weight: bold; color: #787878;} .table-cart tfoot strong.rental-total {font-size: 12px; color: #000;} [예시 이미지]
[MO 버전]
<<고급형 주문서>> 1. 작업 위치 - 중앙 디자인 > 주문관련 > 고급형 주문서 작성 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_is_rental_pay/--> - 렌탈기간: <!--/rental_period/--> - 선납금: <!--/block_rental_prepayment/--> - 월 렌탈금액: <!--/block_rental_price/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. [디자인 폅집탭] 1) 주문상품 정보 영역 <!--/provider_product@list@amount/-->개</div> <!--/if_is_rental_pay/--> <div class="rental"> 렌탈기간 : <!--/rental_period/-->개월 </div> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ 장바구니 쿠폰 적용</a> <!--/end_block/--> <!--/end_if/--> <dl class="total"> <!--/if_is_rental_pay/--> <dt>월 렌탈료</dt> <!--/else/--> <dt>주문 금액</dt> <!--/end_if/--> <dd> <strong class="fc-red"><!--/if_is_rental_pay/--> <!--/block_rental_price/--><!--/end_block/--> <!--/else/--><!--/provider_product@total_sumprice/--><!--/end_if/--></strong>원 ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ ><!--/number/provider_product@total_product/-->원</dd> </dl> <!--/if_not_is_rental_pay/--> <!--/if_provider_product@total_discount_etc(+1)/--> <dl class="fc-red"> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <dt>부가세</dt> <dd>+ <!--/provider_product@total_vat/-->원</dd> </dl> <!--/end_if/--> <!--/else/--> <!--/if_provider_product@total_discount_etc(+1)/--> <dl> <dt>할인금액</dt> <dd>-<!--/provider_product@total_discount_etc/-->원</dd> </dl> <!--/end_if/--> <dl> <dt>선납금</dt> <dd>-<!--/block_rental_prepayment/--><!--/end_block/-->원</dd> </dl> <dl> <dt>렌탈기간</dt> <dd><!--/rental_period/-->개월</dd> </dl> <!--/end_if/--> </div> </section> <!--/end_loop/--> </div> <!-- //상품정보 --> <!-- 할인적용 --> <div class="discountInfo"> <div class="desc"> <!--/if_not_is_rental_pay/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <p>지역별/상품개별배송정책에 따라 변동될 수 있습니다.</p> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <p><!--/powerapp_message/--></p> <!--/end_if/--> <!--/if_is_rental_pay/--><span class="rental-help-txt">* 월 렌탈료에는 렌탈 수수료가 포함되어 있어 실제 계산한 금액과는 다를 수 있습니다.</span><!--/end_if/--> </div> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <th>상품금액</th> <td><!--/block_op_product_origin_price/--><!--/number/op_product_origin_price/--><!--/end_block/-->원</td> </tr> <!--/if_not_is_rental_pay/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/block_op_delivery_unit/-->원<!--/end_block/--></div></td> </tr> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/number/op_sale_sum_price/--><!--/end_block/--> 원</div></td> </tr> <!--/if_not_is_rental_pay/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/number/op_total_vat/--><!--/end_block/--> 원</div></td> </tr> <!--/end_if/--> 2) 결제정보 영역 <!--/okcashbag_btn/--> </div> </td> </tr> <!--/end_if/--> <!--/if_is_rental_pay/--> <tr> <th>선납금</th> <td> -<!--/block_rental_prepayment/--><!--/end_block/-->원 </td> </tr> <tr> <th>렌탈기간</th> <td> <!--/rental_period/-->개월 </td> </tr> <tr class="total"> <th>월 렌탈료</th> <td><strong><!--/block_rental_price/--><!--/end_block/-->원</strong></td> </tr> <!--/else/--> <tr class="total"> <th>결제 예정금액</th> <td><strong><!--/block_op_sum_price/--><!--/number/total_price/--><!--/end_block/--> 원</strong></td> </tr> <!--/end_if/--> </tbody> 3) 최종 결제금액 영역 <div class="price-total-info-bottom"> 최종 결제금액 <!--/if_is_rental_pay/--> <span class="rental-price">월 <em class="txt-price"><!--/block_rental_price/--><!--/end_block/--></em>원</span> <!--/else/--> <em class="txt-price"><!--/block_final_price/--><!--/number/total_price/--><!--/end_block/--></em>원 <!--/end_if/--> [CSS] /* 렌탈 추가 */ #order .basketRight div.rental {font-size: 12px; color: #000;} #order .price-total-info-bottom .rental-price {font-size: 1.1em; color: #000;} #order .price-total-info-bottom .rental-price .txt-price {font-size: 1.1em;} [예시 이미지] <<주문완료>> 1. 작업 위치 - 중앙 디자인 > 주문관련 > 주문 완료 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_is_rental_pay/--> - 월 렌탈금액: <!--/number/rental_price/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. [디자인 편집탭] <p class="complete-price">결제금액 <!--/if_is_rental_pay/-->월 <!--/end_if/--><em class="color_f1191f "> <!--/if_is_rental_pay/--><!--/number/rental_price/--><!--/else/--><!--/number/pay_price/--><!--/end_if/--></em>원</p> [예시 이미지]
목록 1:1 문의