무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 마이페이지

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

글번호 : 1432

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1432
스마트 마이페이지 내 렌탈페이 적용 방법에 대해 안내드립니다. <<지원범위>> - 통합옵션 / 주문 2.0 / D4 / 모바일 4.0 / 고급형 주문서 <<지원범위>> 1) [개별디자인 > 중앙디자인 > 마이페이지 > 주문내역]에서 CTRL + F 를 눌러 <!--/order_list@link_order/-->검색한 후 <!--/order_list@link_order/--> 가상태그를 <!--/order_list@link_smorder/-->로 변경해 주세요. 2) [개별디자인 > 중앙디자인 > 마이페이지 > 주문상세 내역] 기본 소스 적용 후 사용 가능합니다.

[PC 버전] <<주문상세 내역 >> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 주문상세 내역 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_is_rental_pay/--> - 렌탈주문 여부 확인(렌탈 주문이 아닌 경우): <!--/if_not_is_rental_pay/--> - 선납금: <!--/number/rental_prepaymentprice/--> - 월 렌탈금액: <!--/number/rental_price/--> - 총 렌탈금액: <!--/number/rental_total_price/--> - 렌탈기간: <!--/rental_period/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. ① 베이직 심플 [디자인 편집탭] <!--/if_is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--> <!--/if_is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--> </span> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <span class="quantity"> <!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/if_provider@delivery@product@option/-->, <!--/else/--><em class="txt-gray"> | </em><!--/end_if/--><!--/end_if/--> <!--/if_provider@delivery@product@option/--><!--/provider@delivery@product@option/--><em class="txt-gray"> | </em><!--/end_if/-->수량 <!--/provider@delivery@product@stock/-->개</span> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <span>상품금액</span> <p><!--/number/total_price/-->원</p> </li> <!--/if_not_is_rental_pay/--> <!--/if_plus_price/--> <li> <span>추가금액</span> <p><!--/number/plus_price/-->원</p> </li> <!--/end_if/--> <li> <span>배송비</span> <p><!--/number/delivery_price/-->원</p> </li> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <div class="total-price"> <ul> <!--/if_is_rental_pay/--> <li class="bold"> <span>월 렌탈료</span> <p class="txt-blue"><!--/number/rental_price/-->원</p> </li> <li> <span>결제수단</span> <p><!--/pay_method/--></p> </li> <li> <span>선납금</span> <p><!--/number/rental_prepaymentprice/-->원</p> </li> <li> <span>렌탈기간</span> <p><!--/rental_period/-->개월</p> </li> <li> <span>총 렌탈료</span> <p><!--/number/rental_total_price/-->원</p> </li> <!--/else/--> <li class="bold"> <span>최종 결제금액</span> <p class="txt-blue"><!--/number/total_pay_price/-->원</p> </li> <li> <span><!--/pay_method/--></span> <p><!--/number/pay_price/-->원</p> </li> <!--/if_use_reserve/--> <li> <span>적립금 사용</span> <p><!--/number/use_reserve/-->원</p> </li> <!--/end_if/--> <!--/if_use_deposit/--> <li> <span>예치금 사용</span> <p><!--/number/use_deposit/-->원</p> </li> <!--/end_if/--> <!--/end_if/--> [CSS] #orderInfo .table-w .info span.ico-rental { display:inline-block; font-weight:400; padding:0 7px; line-height:17px; background:#441e7c; font-size:11px; color:#fff; } /* 렌탈아이콘 추가 */ ② 모던 심플 [디자인 편집탭] <!--/if_is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--> <!--/if_is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--> </span> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <span class="quantity"> <!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/if_provider@delivery@product@option/-->, <!--/else/--><em class="txt-gray"> | </em><!--/end_if/--><!--/end_if/--> <!--/if_provider@delivery@product@option/--><!--/provider@delivery@product@option/--><em class="txt-gray"> | </em><!--/end_if/-->수량 <!--/provider@delivery@product@stock/-->개</span> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <span>상품금액</span> <p><!--/number/total_price/-->원</p> </li> <!--/if_not_is_rental_pay/--> <!--/if_plus_price/--> <li> <span>추가금액</span> <p><!--/number/plus_price/-->원</p> </li> <!--/end_if/--> <li> <span>배송비</span> <p><!--/number/delivery_price/-->원</p> </li> <!--/end_if/--> </ul> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <div class="total-price"> <ul> <!--/if_is_rental_pay/--> <li class="bold"> <span>월 렌탈료</span> <p class="txt-blue"><!--/number/rental_price/-->원</p> </li> <li> <span>결제수단</span> <p><!--/pay_method/--></p> </li> <li> <span>선납금</span> <p><!--/number/rental_prepaymentprice/-->원</p> </li> <li> <span>렌탈기간</span> <p><!--/rental_period/-->개월</p> </li> <li> <span>총 렌탈료</span> <p><!--/number/rental_total_price/-->원</p> </li> <!--/else/--> <li class="bold"> <span>최종 결제금액</span> <p class="txt-blue"><!--/number/total_pay_price/-->원</p> </li> <li> <span><!--/pay_method/--></span> <p><!--/number/pay_price/-->원</p> </li> <!--/if_use_reserve/--> <li> <span>적립금 사용</span> <p><!--/number/use_reserve/-->원</p> </li> <!--/end_if/--> <!--/if_use_deposit/--> <li> <span>예치금 사용</span> <p><!--/number/use_deposit/-->원</p> </li> <!--/end_if/--> <!--/end_if/--> [CSS] #orderInfo .table-d2-list .info span.ico-rental { display:inline-block; font-weight:400; padding:0 7px; line-height:17px; background:#441e7c; font-size:11px; color:#fff; } /* 렌탈아이콘 추가 */
[예시 이미지]

[MO 버전] <<주문 내역>> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 주문 내역 2. 가상태그 - 렌탈주문 여부 확인: <!--/if_order_list@product@is_rental_pay/--> - 렌탈기간: <!--/order_list@product@rental_period/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. <dd class="pro-price"><strong><!--/if_order_list@product@is_rental_pay/-->월 <!--/number/order_list@product@rental_price/--><!--/else/--> <!--/number/order_list@product@price/--><!--/end_if/--></strong>원</dd> <!--/end_if/--> <dd class="pro-option"> <!--/if_order_list@product@is_rental_pay/-->렌탈기간: <!--/order_list@product@rental_period/-->개월<!--/if_order_list@product@option/-->, <!--/else/--> | <!--/end_if/--><!--/end_if/--> <!--/if_order_list@product@option/--><!--/order_list@product@option/--> | <!--/end_if/--> <!--/order_list@product@amount/--> 개 [예시 이미지]
<<주문상세 내역>> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 주문상세 내역 2. 가상태그 - 렌탈상품 여부 확인: <!--/if_is_rental_pay/--> - 렌탈주문 여부 확인(렌탈 주문이 아닌 경우): <!--/if_not_is_rental_pay/--> - 선납금: <!--/number/rental_prepaymentprice/--> - 월 렌탈금액: <!--/number/rental_price/--> - 총 렌탈금액: <!--/number/rental_total_price/--> - 렌탈기간: <!--/rental_period/--> 3. 예제 소스 * 아래 빨간색 소스를 넣어주세요. [디자인 편집탭] <!--/if_is_subs_order/--><img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--> <!--/if_is_rental_pay/--><span class="ico-rental">렌탈</span><!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <dd class="pro-price"><strong> <!--/if_is_rental_pay/-->월 <!--/number/rental_price/--><!--/else/--> <!--/number/provider@delivery@product@price/--><!--/end_if/--></strong>원</dd> <!--/end_if/--> <dd class="pro-option"><!--/if_is_rental_pay/-->렌탈기간: <!--/rental_period/-->개월<!--/if_provider@delivery@product@option/-->, <!--/else/--> | <!--/end_if/--><!--/end_if/--> <!--/if_provider@delivery@product@option/--><!--/provider@delivery@product@option/--> | <!--/end_if/--><!--/provider@delivery@product@stock/-->개</dd> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/if_not_is_rental_pay/--> <li> <span>추가금액</span> <p><strong><!--/number/plus_price/--></strong>원</p> </li> <li> <span>배송비</span> <p><strong><!--/number/delivery_price/--></strong>원</p> </li> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~생략~~~~~~~~~~~~~~~~~~~~~~~~~~~ <div class="total-price"> <ul> <!--/if_is_rental_pay/--> <li class="first"> <span class="bold">월 렌탈료</span> <p><strong class="txt-blue"><!--/number/rental_price/--></strong>원</p> </li> <li> <span>결제수단</span> <p><!--/pay_method/--></p> </li> <li> <span>선납금</span> <p><strong><!--/number/rental_prepaymentprice/--></strong>원</p> </li> <li> <span>렌탈기간</span> <p><strong><!--/rental_period/--></strong>개월</p> </li> <li> <span>총 렌탈료</span> <p><strong><!--/number/rental_total_price/--></strong>원</p> </li> <!--/else/--> <li class="first"> <span class="bold">최종 결제금액</span> <p><strong class="txt-blue"><!--/number/total_pay_price/--></strong>원</p> </li> <li> <span><!--/pay_method/--></span> <p><strong><!--/number/pay_price/--></strong>원</p> </li> <!--/if_use_reserve/--> <li> <span>적립금 사용</span> <p><strong><!--/number/use_reserve/--></strong>원</p> </li> <!--/end_if/--> <!--/if_use_deposit/--> <li> <span>예치금 사용</span> <p><strong><!--/number/use_deposit/--></strong>원</p> </li> <!--/end_if/--> <!--/end_if/--> [CSS] #order-detail-list .item-wrap .order-info span.ico-rental { display:inline-block; font-weight:400; margin-left:6px; padding:0 7px; line-height:17px; background:#441e7c; font-size:11px; color:#fff; } /* 렌탈아이콘 추가 */ [예시 이미지]

감사합니다.
목록 1:1 문의