무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 주문관련

[스마트쿠폰] 주문서 내 적용불가 쿠폰 노출 방법

글번호 : 1426

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1426
<<기능 설정 >> 프로모션 > 스마트쿠폰 관리 > 쿠폰기본설정 > 주문서 내 적용불가 쿠폰 노출여부 > [노출함] 설정 후 해당 기능을 사용 하실 수 있습니다. *기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다.
[PC 버전] <<주문서 작성 페이지>> [작업위치] 중앙디자인 > 주문관련 > 고급형 주문서 작성 [가상태그] 스마트쿠폰 리스트영역 > 적용 불가 쿠폰 - 쿠폰명 : <!--/smart_coupon_not_used@name/--> - 쿠폰설명 : <!--/smart_coupon_not_used@comment/--> - 쿠폰 할인 : <!--/smart_coupon_not_used@price/--> - 쿠폰 혜택 : <!--/smart_coupon_not_used@benefit/--> - 쿠폰 PC 사용가능 : <!--/smart_coupon_not_used@is_use_pc/--> - 쿠폰 MOBILE 사용가능 : <!--/smart_coupon_not_used@is_use_mobile/--> - 쿠폰 APP 사용가능 : <!--/smart_coupon_not_used@is_use_app/--> - 디바이스에서 쿠폰 사용가능 여부 : <!--/smart_coupon_not_used@is_use_device/--> - 상품 최소 주문금액 : <!--/smart_coupon_not_used@valid_price/--> - 상품 합계 최소 주문금액 : <!--/smart_coupon_not_used@valid_total_price/--> - 최소 주문금액 부합 여부 : <!--/smart_coupon_not_used@is_min_valid_price/--> - 쿠폰 제외 상품 여부 : <!--/smart_coupon_not_used@is_coupon_except/--> - 최소 주문금액 배송비 포함 여부 : <!--/smart_coupon_not_used@is_delivery_price/--> - 통합장바구니2 일때 상품범위 설정 : <!--/smart_coupon_not_used@provider_range/--> [예제소스] * 아래 빨간색 소스를 추가해주세요. [디자인 편집탭] <!--/if_smart_coupon_not_used/--> <div class="cnts-tit">적용 불가 쿠폰</div> <div class="cnts"> <ul> <!--/loop_smart_coupon_not_used/--> <li class="coupon-none"> <label> <span class="fc-gray"> <!--/if_smart_coupon_not_used@benefit(FREE)/-->배송비 무료<!--/else/--> <!--/number/smart_coupon_not_used@price/-->원 <!--/if_smart_coupon_not_used@benefit(DISCOUNT)/-->할인<!--/else/-->적립<!--/end_if/--><!--/end_if/--></span> </label> <div class="c-txt"><!--/smart_coupon_not_used@name/--></div> <div class="c-txt"><!--/smart_coupon_not_used@comment/--></div> <!--/if_not_smart_coupon_not_used@is_use_device/--> <div class="c-txt">쿠폰사용범위 : <!--/if_smart_coupon_not_used@is_use_pc/--> PC <!--/end_if/--> <!--/if_smart_coupon_not_used@is_use_mobile/--> 모바일웹 <!--/end_if/--> <!--/if_smart_coupon_not_used@is_use_app/--> 모바일앱 <!--/end_if/--> </div> <!--/end_if/--> <!--/if_not_smart_coupon_not_used@is_min_valid_price/--> <div class="c-txt"> <!--/if_smart_coupon_not_used@valid_price/--> 상품 금액 <!--/number/smart_coupon_not_used@valid_price/-->원 이상 구매 시 <!--/end_if/--> <!--/if_smart_coupon_not_used@valid_total_price/--> 상품 금액 합계 <!--/number/smart_coupon_not_used@valid_total_price/--><!--/if_smart_coupon_not_used@is_delivery_price/-->(<!--/if_smart_coupon_not_used@provider_range(ALL)/-->본사 <!--/end_if/-->배송비 포함)<!--/end_if/-->원 이상 구매 시 <!--/end_if/--> </div> <!--/end_if/--> </li> <!--/end_loop/--> </ul> </div> <!--/end_if/--> <!--/end_block/--> </div> <div class="l-btn"> <a href="<!--/smart_coupon_apply/-->" class="btn-apply">쿠폰적용</a> </div> <div class="info"> <p>· 쿠폰 별 결제수단이 다를 경우 쿠폰이용 및 결제수단이 제한되니 유의하여 사용해주세요.</p> <!--/if_is_not_used_coupon_display/--> <p>· 쿠폰은 조건에 따라 적용이 되지 않을 수 있습니다.</p> <p class="space">적용불가 쿠폰은 마이페이지 - 보유쿠폰에서 상세조건 확인이 가능합니다.</p> <!--/end_if/--> </div> <!--/end_block/--> [CSS] *아래 초록색 소스를 빨간색 소스로 변경해주세요. #smart-coupon-layer .l-cnts { overflow-x:hidden; overflow-y:auto; max-height:516px; } -> 495px;로 변경해주세요. #smart-coupon-layer .info {padding:10px 0 20px; text-align:center; font-size:11px;} -> 5px 20px;로 변경해주세요. *아래 CSS를 추가해주세요. #smart-coupon-layer .l-cnts .cnts ul li.coupon-none label { width:90px; padding-left:20px; font-weight: normal; } #smart-coupon-layer .l-cnts .cnts .fc-gray { color:#999; } #smart-coupon-layer .info .space { margin-left:8px; }
[MO 버전] <<주문서 작성 페이지>> [작업위치] 중앙디자인 > 주문관련 > 고급형 주문서 작성 [예제소스] * 아래 빨간색 소스를 추가해주세요. [디자인 편집탭] <!--/if_smart_coupon_not_used/--> <h4>적용 불가 쿠폰</h4> <ul> <!--/loop_smart_coupon_not_used/--> <li class="coupon-none"> <label> <span class="fc-gray"> <--/if_smart_coupon_not_used@benefit(FREE)/-->무료배송<--/else/--> <!--/number/smart_coupon_not_used@price/-->원 <!--/if_smart_coupon_not_used@benefit(DISCOUNT)/-->할인<!--/else/-->적립<!--/end_if/--> <--/end_if/--></span> </label> <p class="c-txt"><!--/smart_coupon_not_used@name/--></p> <p class="c-txt"><!--/smart_coupon_not_used@comment/--></p> <!--/if_not_smart_coupon_not_used@is_use_device/--> <p class="c-txt">쿠폰사용범위 : <!--/if_smart_coupon_not_used@is_use_pc/--> PC <!--/end_if/--> <!--/if_smart_coupon_not_used@is_use_mobile/--> 모바일웹 <!--/end_if/--> <!--/if_smart_coupon_not_used@is_use_app/--> 모바일앱 <!--/end_if/--> </p> <!--/end_if/--> <!--/if_not_smart_coupon_not_used@is_min_valid_price/--> <p class="c-txt"> <!--/if_smart_coupon_not_used@valid_price/--> 상품 금액 <!--/number/smart_coupon_not_used@valid_price/-->원 이상 구매 시 <!--/end_if/--> <!--/if_smart_coupon_not_used@valid_total_price/--> 상품 금액 합계 <!--/number/smart_coupon_not_used@valid_total_price/--><!--/if_smart_coupon_not_used@is_delivery_price/-->(<!--/if_smart_coupon_not_used@provider_range(ALL)/-->본사 <!--/end_if/-->배송비 포함)<!--/end_if/-->원 이상 구매 시 <!--/end_if/--> </p> <!--/end_if/--> </li> <!--/end_loop/--> </ul> <!--/end_if/--> <!--/end_block/--> <div class="btn"> <a href="<!--/smart_coupon_apply/-->">선택완료</a> </div> <div class="info"> <p>· 쿠폰 별 결제수단이 다를 경우 쿠폰이용 및 결제수단이 제한되니 유의하여 사용해주세요.</p> <!--/if_is_not_used_coupon_display/--> <p class="space">· 쿠폰은 조건에 따라 적용이 되지 않을 수 있습니다.</p> <p>적용불가 쿠폰은 마이페이지 - 보유쿠폰에서 상세조건 확인이 가능합니다.</p> <!--/end_if/--> </div> [CSS] #smart-coupon-layer .layer .layer-pop .txt { max-height:500px; } #smart-coupon-layer .layer .layer-pop .txt ul li .fc-gray { color:#999; } #smart-coupon-layer .layer .layer-pop .txt ul li.coupon-none label { left:25px; top:9px; } #smart-coupon-layer .layer .layer-pop .txt .info p.space { margin-top:8px; } [예시이미지] * 파워팩의 경우 별도 설정 없이 적용됩니다.
목록 1:1 문의