무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 주문관련

[스마트쿠폰] 마이페이지 – 쿠폰내역 작업 방법

글번호 : 1338

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1338
<< 지원버전 >> - 통합옵션
1. [스마트쿠폰] 마이페이지-쿠폰내역(보유쿠폰 탭) 내 정렬 셀렉트박스 노출 방법
1. PC [작업위치] 개별디자인 – 중앙디자인 > 마이페이지 > 스마트 쿠폰 내역 [가상태그] - 쿠폰리스트 정렬(SELECT) : <!--/select_coupon_sort/--> [예제소스] * 아래 빨간색 소스를 넣어주세요. <h3><strong><!--/user_name/--></strong>님이 보유하고 있는 쿠폰은 총 <!--/number/list_coupon_count/-->장 입니다. <!--/select_coupon_sort/--> </h3> [CSS] - 베이직심플 #SmartCoupon h3 select { position: absolute; bottom: 0; right: 0; display: inline-block; height: 26px;} - 모던심플 #SmartCoupon h3 select {position: absolute;bottom: -1px;right: 0;display: inline-block;height: 19px;font-size: 11px;}
2. MO [작업위치] 개별디자인 – 중앙디자인 > 마이페이지 > 스마트 쿠폰 내역 [가상태그] - 쿠폰리스트 정렬(SELECT) : <!--/select_coupon_sort/--> [예제소스] * 아래 빨간색 소스를 넣어주세요. <!--/block_coupon_list/--> <div class="select-sort"><!--/select_coupon_sort/--></div> <!-- 보유 쿠폰 리스트 --> [CSS] - 모바일 4.0

#coupon-list .select-sort {margin: 10px 5px;} #coupon-list .select-sort select {width: 100%; background: #fff;}

- 모바일 2.0

#coupon-list .select-sort {margin: 14px 8px;} #coupon-list .select-sort select { width: 100%; background: #fff; text-indent: 5px; height: 24px; padding: 3px 0 1px; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 24px; font-size: 11px;}

[쇼핑몰 적용 예시]
2. [스마트쿠폰] 마이페이지-쿠폰내역 내 쿠폰사용범위 노출 방법
1. PC [작업위치] 개별디자인 – 중앙디자인 > 마이페이지 > 스마트 쿠폰 내역 [가상태그] - 쿠폰리스트 > 전체 범위 여부 : <!--/coupon_list@is_all_device/--> - 다운 쿠폰 리스트 > 전체 범위 여부 : <!--/down_coupon_list@is_all_device/--> [예제소스] * 아래 빨간색 소스를 넣어주세요. 1) 보유쿠폰 탭 <div class="pay-list"> <!--/loop_coupon_list@payment/--> <!--/if_idx(+3)/-->, <!--/coupon_list@payment@name/--><!--/end_if/--> <!--/if_idx(6,10,14)/--><br /><!--/end_if/--> <!--/end_loop/--> </div> </div> <!--/end_if/--> <!--/if_not_coupon_list@is_all_device/--> <div class="tb-center c-scope">쿠폰사용범위 : <!--/if_coupon_list@is_use_pc/--> PC <!--/end_if/--> <!--/if_coupon_list@is_use_mobile/--> 모바일웹 <!--/end_if/--> <!--/if_coupon_list@is_use_app/--> 모바일앱 <!--/end_if/--> </div> <!--/end_if/--> </td> 2) 다운로드 가능 쿠폰 탭 <div class="pay-list"> <!--/loop_down_coupon_list@payment/--> <!--/if_idx(+3)/-->, <!--/down_coupon_list@payment@name/--><!--/end_if/--> <!--/if_idx(6,10,14)/--><br /><!--/end_if/--> <!--/end_loop/--> </div> </div> <!--/end_if/--> <!--/if_not_down_coupon_list@is_all_device/--> <div class="tb-center c-scope">쿠폰사용범위 : <!--/if_down_coupon_list@is_use_pc/--> PC <!--/end_if/--> <!--/if_down_coupon_list@is_use_mobile/--> 모바일웹 <!--/end_if/--> <!--/if_down_coupon_list@is_use_app/--> 모바일앱 <!--/end_if/--> </div> <!--/end_if/-->
2. MO [작업위치] 개별디자인 – 중앙디자인 > 마이페이지 > 스마트 쿠폰 내역 [가상태그] - 쿠폰리스트 > 전체 범위 여부 : <!--/coupon_list@is_all_device/--> - 다운 쿠폰 리스트 > 전체 범위 여부 : <!--/down_coupon_list@is_all_device/--> [예제소스] * 아래 빨간색 소스를 넣어주세요. 1) 보유쿠폰 탭 <div class="pay-list"> <!--/loop_coupon_list@payment/--> <!--/if_idx(+3)/-->, <!--/coupon_list@payment@name/--><!--/end_if/--> <!--/if_idx(5,8,11,14)/--><br /><!--/end_if/--> <!--/end_loop/--> </div> </div> </dd> <!--/end_if/--> <!--/if_coupon_list@link_popup_item/--><dd><a href="<!--/coupon_list@link_popup_item/-->" class="layer-open">사용 가능 상품 보기 <span class="fa fa-chevron-circle-right"></span></a></dd><!--/end_if/--> <!--/if_not_coupon_list@is_all_device/--> <dd>쿠폰사용범위 : <!--/if_coupon_list@is_use_pc/--> PC <!--/end_if/--> <!--/if_coupon_list@is_use_mobile/--> 모바일웹 <!--/end_if/--> <!--/if_coupon_list@is_use_app/--> 모바일앱 <!--/end_if/--> </dd> <!--/end_if/--> </dl> 2) 다운로드 가능 쿠폰 탭 <div class="pay-list"> <!--/loop_down_coupon_list@payment/--> <!--/if_idx(+3)/-->, <!--/down_coupon_list@payment@name/--><!--/end_if/--> <!--/if_idx(5,8,11,14)/--><br /><!--/end_if/--> <!--/end_loop/--> </div> </div> </dd> <!--/end_if/--> <!--/if_down_coupon_list@link_popup_item/--><dd><a href="<!--/down_coupon_list@link_popup_item/-->" class="layer-open">사용 가능 상품 보기 <span class="fa fa-chevron-circle-right"></span></a></dd><!--/end_if/--> <!--/if_not_down_coupon_list@is_all_device/--> <dd>쿠폰사용범위 : <!--/if_down_coupon_list@is_use_pc/--> PC <!--/end_if/--> <!--/if_down_coupon_list@is_use_mobile/--> 모바일웹 <!--/end_if/--> <!--/if_down_coupon_list@is_use_app/--> 모바일앱 <!--/end_if/--> </dd> <!--/end_if/-->
[쇼핑몰 적용 예시]
목록 1:1 문의