무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 주문관련

[정기배송] 장바구니, 신청서 작성, 작성완료 페이지 작업 방법

글번호 : 1347

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1347
* 지정일배송, 휴무일 설정 관련 소스가 추가되었습니다. 기본소스에는 아래 내용이 모두 적용되어 있으니 참고해주세요. << 지원범위 >> - 통합옵션
1. 정기배송 장바구니 페이지 작업 방법
[ PC 버전 ] 1. 작업위치 중앙디자인 > 주문관련 > 정기배송 장바구니 2. 가상태그 - 정기배송 장바구니 : <subs_basket> - 주기 타입 (WEEK : 요일 주기, MONTH : 날짜 주기) : <!--/provider@basket@subs_cycle_type/--> - 날짜 : <!--/provider@basket@subs_day/--> 3. 예제소스 [베이직심플] * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * 아래 빨간색 소스를 추가해주세요. [디자인 편집탭] <div class="tb-center"> <div class="tb-subs-txt"> <!--/if_provider@basket@subs_cycle/--> <!--/if_provider@basket@subs_cycle_type(WEEK)/--> <!--/provider@basket@subs_cycle/-->주 간격<span class="bar">|</span><!--/provider@basket@subs_week/--><br /> <!--/end_if/--> <!--/if_provider@basket@subs_cycle_type(MONTH)/--> <!--/provider@basket@subs_cycle/-->개월 간격<span class="bar">|</span><!--/provider@basket@subs_day/--><br /> <!--/end_if/--> <!--/end_if/--> 첫 정기배송 예정일: <strong><!--/provider@basket@subs_delivery_date/--></strong></div> <a href="<!--/provider@basket@link_subs_edit/-->" class="CSSbuttonWhite btn_option">EDIT</a> </div> </td> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 중간 생략 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <td> <div class="tb-center"> <div class="tb-subs-txt"> <!--/if_provider@basket@subs_cycle/--> <!--/if_provider@basket@subs_cycle_type(WEEK)/--> <!--/provider@basket@subs_cycle/-->주 간격<span class="bar">|</span><!--/provider@basket@subs_week/--><br /> <!--/end_if/--> <!--/if_provider@basket@subs_cycle_type(MONTH)/--> <!--/provider@basket@subs_cycle/-->개월 간격<span class="bar">|</span><!--/provider@basket@subs_day/--><br /> <!--/end_if/--> <!--/end_if/--> 첫 정기배송 예정일: <strong><!--/provider@basket@subs_delivery_date/--></strong></div> <a href="<!--/provider@basket@link_subs_edit/-->" class="CSSbuttonWhite btn_option">EDIT</a> </div> </td> [모던심플] * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * 아래 빨간색 소스를 추가해주세요. [ 디자인 편집탭] <div class="tb-center tb-subs"> <div class="tb-subs-txt"> <!--/if_provider@basket@subs_cycle/--> <!--/if_provider@basket@subs_cycle_type(WEEK)/--> <!--/provider@basket@subs_cycle/-->주 간격<span class="bar">|</span><!--/provider@basket@subs_week/--><br /> <!--/end_if/--> <!--/if_provider@basket@subs_cycle_type(MONTH)/--> <!--/provider@basket@subs_cycle/-->개월 간격<span class="bar">|</span><!--/provider@basket@subs_day/--><br /> <!--/end_if/--> <!--/end_if/--> 첫 정기배송 예정일: <strong><!--/provider@basket@subs_delivery_date/--></strong></div> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 중간 생략 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <div class="tb-center tb-subs"> <div class="tb-subs-txt"> <!--/if_provider@basket@subs_cycle/--> <!--/if_provider@basket@subs_cycle_type(WEEK)/--> <!--/provider@basket@subs_cycle/-->주 간격<span class="bar">|</span><!--/provider@basket@subs_week/--><br /> <!--/end_if/--> <!--/if_provider@basket@subs_cycle_type(MONTH)/--> <!--/provider@basket@subs_cycle/-->개월 간격<span class="bar">|</span><!--/provider@basket@subs_day/--><br /> <!--/end_if/--> <!--/end_if/--> 첫 정기배송 예정일: <strong><!--/provider@basket@subs_delivery_date/--></strong></div>
[ MO 버전 4.0 ] 1. 작업위치 중앙디자인 > 주문관련 > 정기배송 장바구니 2. 가상태그 - 정기배송 장바구니 : <subs_basket> - 주기 타입 (WEEK : 요일 주기, MONTH : 날짜 주기) : <!--/provider@basket@subs_cycle_type/--> - 날짜 : <!--/provider@basket@subs_day/--> 3. 예제소스 * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * 아래 빨간색 소스를 추가해주세요. [ 디자인 편집탭 ] <!--/end_if/--> <!--/if_provider@basket@subs_cycle/--> <p> <!--/if_provider@basket@subs_cycle_type(WEEK)/--> 배송주기 : <strong class="bold"><!--/provider@basket@subs_cycle/-->주 간격 / <!--/provider@basket@subs_week/--></strong> <!--/end_if/--> <!--/if_provider@basket@subs_cycle_type(MONTH)/--> 배송주기 : <strong class="bold"><!--/provider@basket@subs_cycle/-->개월 간격 / <!--/provider@basket@subs_day/--></strong> <!--/end_if/--> <a href="<!--/provider@basket@link_subs_edit/-->" class="btn_White layer-open-close">변경</a> </p> <!--/end_if/--> <p>첫 정기배송 예정일 : <strong class="color_f1191f"><!--/provider@basket@subs_delivery_date/--></strong></p> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 중간 생략 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/end_if/--> <!--/if_provider@basket@subs_cycle/--> <p> <!--/if_provider@basket@subs_cycle_type(WEEK)/--> 배송주기 : <strong class="bold"><!--/provider@basket@subs_cycle/-->주 간격 / <!--/provider@basket@subs_week/--></strong> <!--/end_if/--> <!--/if_provider@basket@subs_cycle_type(MONTH)/--> 배송주기 : <strong class="bold"><!--/provider@basket@subs_cycle/-->개월 간격 / <!--/provider@basket@subs_day/--></strong> <!--/end_if/--> <a href="<!--/provider@basket@link_subs_edit/-->" class="btn_White layer-open-close">변경</a> </p> <!--/end_if/-->
* 파워팩의 경우 별도 설정 없이 적용됩니다. (모바일 2.0 미지원)
2. 정기배송 신청서 작성 페이지 작업 방법
[ PC 버전 ] 1. 작업위치 중앙디자인 > 주문관련 > 정기배송 신청서 작성 2. 가상태그 - 정기배송 신청서 : <subs_apply> - 주기 타입 (WEEK : 요일 주기, MONTH : 날짜 주기) : <!--/provider_product@list@subs_cycle_type/--> - 날짜 : <!--/provider_product@list@subs_day/--> 3. 예제소스 * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * 아래 빨간색 소스를 추가해주세요. [ 디자인 편집탭] <td> <div class="tb-center tb-subs"> <!--/if_provider_product@list@subs_cycle/--> <!--/if_provider_product@list@subs_cycle_type(WEEK)/--> <!--/provider_product@list@subs_cycle/-->주 간격<span class="bar">|</span><!--/provider_product@list@subs_week/--><br /> <!--/end_if/--> <!--/if_provider_product@list@subs_cycle_type(MONTH)/--> <!--/provider_product@list@subs_cycle/-->개월 간격<span class="bar">|</span><!--/provider_product@list@subs_day/--><br /> <!--/end_if/--> <!--/end_if/--> 첫 정기배송 예정일: <strong><!--/provider_product@list@subs_first_delivery_date/--></strong></div>
[ MO 버전 4.0 ] 1. 작업위치 중앙디자인 > 주문관련 > 정기배송 신청서 작성 2. 가상태그 - 정기배송 신청서 : <subs_apply> - 주기 타입 (WEEK : 요일 주기, MONTH : 날짜 주기) : <!--/provider_product@list@subs_cycle_type/--> - 날짜 : <!--/provider_product@list@subs_day/--> 3. 예제소스 * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * 아래 빨간색 소스는 추가, 초록색 소스는 삭제해주세요. [ 디자인 편집탭 ] <div class="basket-subs"> <!--/if_provider_product@list@subs_cycle/--> <div class="subs-period"> <span><em class="fa fa-sliders"></em>배송주기</span> <strong><!--/provider_product@list@subs_cycle/-->주 간격 / <!--/provider_product@list@subs_week/-->요일 배송</strong> <!--/if_provider_product@list@subs_cycle_type(WEEK)/--> <strong><!--/provider_product@list@subs_cycle/-->주 간격 / <!--/provider_product@list@subs_week/--> 배송</strong> <!--/end_if/--> <!--/if_provider_product@list@subs_cycle_type(MONTH)/--> <strong><!--/provider_product@list@subs_cycle/-->개월 간격 / <!--/provider_product@list@subs_day/--> 배송</strong> <!--/end_if/--> </div> <!--/end_if/--> <div class="subs-date">
* 파워팩의 경우 별도 설정 없이 적용됩니다. (모바일 2.0 미지원)
3. 정기배송 신청서 작성 페이지 작업 방법
[ PC 버전 ] 1. 작업위치 중앙디자인 > 주문관련 > 정기배송 신청완료 2. 가상태그 - 정기배송 신청완료 : <subs_complete> - 주기 타입 (WEEK : 요일 주기, MONTH : 날짜 주기) : <!--/order_product@subs_cycle_type/--> - 날짜 : <!--/order_product@subs_day/--> 3. 예제소스 * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * 아래 빨간색 소스를 추가해주세요. [ 디자인 편집탭] <div class="tb-center tb-subs"> <!--/if_order_product@subs_cycle/--> <!--/if_order_product@subs_cycle_type(WEEK)/--> <!--/order_product@subs_cycle/-->주 간격<span class="bar">|</span><!--/order_product@subs_week/--><br /> <!--/end_if/--> <!--/if_order_product@subs_cycle_type(MONTH)/--> <!--/order_product@subs_cycle/-->개월 간격<span class="bar">|</span><!--/order_product@subs_day/--><br /> <!--/end_if/--> <!--/end_if/--> 첫 정기배송 예정일: <strong><!--/order_product@subs_first_delivery_date/--></strong></div> </td> </tr>
[ MO 버전 4.0 ] 1. 작업위치 중앙디자인 > 주문관련 > 정기배송 신청완료 2. 가상태그 - 정기배송 신청완료 : <subs_complete> - 주기 타입 (WEEK : 요일 주기, MONTH : 날짜 주기) : <!--/order_product@subs_cycle_type/--> - 날짜 : <!--/order_product@subs_day/--> 3. 예제소스 * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * 아래 빨간색 소스를 추가해주세요. [ 디자인 편집탭 ] <!--/if_order_product@option/--><p><!--/order_product@option/--></p><!--/end_if/--> <!--/if_order_product@subs_cycle/--> <p> <!--/if_order_product@subs_cycle_type(WEEK)/--> 배송주기 <!--/order_product@subs_cycle/-->주 간격 | <!--/order_product@subs_week/--> <!--/end_if/--> <!--/if_order_product@subs_cycle_type(MONTH)/--> 배송주기 <!--/order_product@subs_cycle/-->개월 간격 | <!--/order_product@subs_day/--> <!--/end_if/--> </p> <!--/end_if/--> <p>첫 정기배송 예정일 <!--/order_product@subs_first_delivery_date/--></p>
* 파워팩의 경우 별도 설정 없이 적용됩니다. (모바일 2.0 미지원)
목록 1:1 문의