-->

무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 주문관련

[선물하기]마이페이지 내 선물하기 기능 작업 방법

글번호 : 1311

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1311
<< 지원범위 >> - 통합옵션 << 기능 설정 >> 주문관리 > 선물하기 > 선물상품관리 페이지에서 선물상품 추가 후 해당 기능을 사용하실 수 있습니다. * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다.
[ PC 버전 ] << 마이페이지 메인 >> ❖ 마이페이지 > shopping info 에 [선물함] 페이지로 이동하는 링크 추가하는 소스 1. 작업위치 상단/측면/하단 디자인 > 측면 > 마이페이지 측면 2. 가상태그 - 선물함 버튼 여부 확인 : <!--/if_link_mypage_present/--> - 마이페이지 > 선물함(LINK) : <!--/link_mypage_present/--> 3. 예제소스 [ 디자인 편집탭 ] <!--/if_link_mypage_present/--> <li><a href="<!--/link_mypage_present/-->">선물함</a></li> <!--/end_if/--> [예시이미지] ❖ 마이페이지 > 최근 주문정보 > 선물 주문건에 선물 아이콘 추가하는 소스 1. 작업위치 중앙디자인 > 마이페이지 > 마이페이지 메인 2. 가상태그 - 선물주문 여부 확인 : <!--/if_order_list@is_present/--> 3. 예제소스 * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * [기존] 초록색 소스를 [변경] 빨간색 소스로 변경해주시기 바랍니다. ① 베이직 심플 [ 디자인 편집탭 ] [기존] <td><div class="tb-center"><!--/order_list@order_date/--></div></td> <td><div class="tb-left"><!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td> [변경] <td><div class="tb-center"><!--/order_list@order_date/--></div></td>

<!--/if_order_list@is_present/--> <td><div class="tb-center"><span class="gift">선물</span> <!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td><!--선물하기--> <!--/else/--> <td><div class="tb-center"><!--/order_list@brand_name/--></div></td> <!--/end_if/-->

[CSS]

/* 주문정보 & 등록 게시글 */ #mypage .tbl td > div { word-break: break-all; } /* 선물하기 */ #mypage .tbl td .gift { display: inline-block; padding: 3px 4px 1px; border: 1px solid #f00; border-radius: 3px; color: #f00; font-size: 11px; text-align: center; } /* 선물하기 */ /* 선물하기 */ #myOrder .table-d2-list .gift { display: inline-block; padding: 3px 4px 1px; border: 1px solid #f00; border-radius: 3px; color: #f00; font-size: 11px; text-align: center; }

② 모던심플 [ 디자인 편집탭 ] [기존] <td><div class="tb-center"><!--/order_list@order_date/--></div></td> <td><div class="tb-left"><!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td> [변경] <td><div class="tb-center"><!--/order_list@order_date/--></div></td>

<!--/if_order_list@is_present/--> <td><div class="tb-left"><span class="fa fa-gift"></span> <!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td><!--선물하기--> <!--/else/--> <td><div class="tb-left"><!--/order_list@brand_name/--></div></td> <!--/end_if/-->

[CSS]

#mypage .tbl td > div { word-break: break-all; } /* 선물하기 */ #mypage .tbl td .fa-gift { font-size: 12px; color: #4b4d4c; vertical-align: inherit; } /* 선물하기 */

[예시이미지]
<< 마이페이지 - 주문내역>> 1. 작업위치 중앙디자인 > 마이페이지 > 주문내역 2. 가상태그 - 선물주문 여부 확인 : <!--/if_order_list@is_present/--> 3. 예제소스 * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다. * [기존] 초록색 소스를 [변경] 빨간색 소스로 변경해주시기 바랍니다. ① 베이직심플 [디자인 편집탭] [기존] <td><div class="tb-center"><!--/order_list@order_date/--></div></td> <td><div class="tb-left"><!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td> <td><div class="tb-center"><!--/number/order_list@order_price/-->원</div></td> <td><div class="tb-center"><a href="<!--/order_list@link_order/-->" class="CSSbuttonWhite CSSbuttonMin">VIEW</a></div></td> <td><div class="tb-center"><a href="<!--/order_list@link_delivery/-->" class="CSSbuttonWhite CSSbuttonMin">VIEW</a></div></td> </tr> [변경]

<!--/if_order_list@is_present/--> <td><div class="tb-center"><span class="gift">선물</span> <!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td><!--선물하기--> <!--/else/--> <td><div class="tb-center"><!--/order_list@brand_name/--></div></td> <!--/end_if/--> <td><div class="tb-center"><!--/number/order_list@order_price/-->원</div></td> <!--/if_order_list@is_present/--> <td><div class="tb-center"><a href="<!--/order_list@link_smorder/-->" class="CSSbuttonWhite CSSbuttonMin">VIEW</a></div></td> <!--/else/--> <td><div class="tb-center"><a href="<!--/order_list@link_order/-->" class="CSSbuttonWhite CSSbuttonMin">VIEW</a></div></td> <!--/end_if/-->

[CSS]

#myOrder .table-d2-list td > div { word-break: break-all; } /* 선물하기 */ #myOrder .table-d2-list .gift { display: inline-block; padding: 3px 4px 1px; border: 1px solid #f00; border-radius: 3px; color: #f00; font-size: 11px; text-align: center; } /* 선물하기 */

② 모던심플 [디자인 편집탭] [기존] <td><div class="tb-center"><!--/order_list@order_date/--></div></td> <td><div class="tb-left"><!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td> <td><div class="tb-center tb-bold"><!--/number/order_list@order_price/-->원</div></td> <td><div class="tb-center"><a href="<!--/order_list@link_order/-->"><img src="/images/d3/modern_simple/btn/btn_h14_search.gif" alt="주문상세" /></a></div></td> <td><div class="tb-center"><a href="<!--/order_list@link_delivery/-->"><img src="/images/d3/modern_simple/btn/btn_h14_search.gif" alt="배송현황" /></a> [변경]

<!--/if_order_list@is_present/--> <td><div class="tb-left"><span class="fa fa-gift"></span> <!--/order_list@brand_name/--><!--/if_order_list@is_subs_order/--> <img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--></div></td><!--선물하기--> <!--/else/--> <td><div class="tb-left"><!--/order_list@brand_name/--></div></td> <!--/end_if/--> <td><div class="tb-center tb-bold"><!--/number/order_list@order_price/-->원</div></td> <!--/if_order_list@is_present/--> <td><div class="tb-center"><a href="<!--/order_list@link_smorder/-->"><img src="/images/d3/modern_simple/btn/btn_h14_search.gif" alt="주문상세" /></a></div></td> <!--/else/--> <td><div class="tb-center"><a href="<!--/order_list@link_order/-->"><img src="/images/d3/modern_simple/btn/btn_h14_search.gif" alt="주문상세" /></a></div></td> <!--/end_if/-->

[CSS]

#myOrder .table-d2-list td > div { word-break: break-all; } /* 선물하기 */ #myOrder .table-d2-list .fa-gift { font-size: 12px; color: #4b4d4c; vertical-align: inherit; } /* 선물하기 */

<< 마이페이지 – 주문상세 내역 >> 1. 작업위치 중앙디자인 > 마이페이지 > 주문상세 내역 2. 가상태그 - 배송업체 : <!--/delivery_info@company/--> - 송장번호 : <!--/delivery_info@num/--> - 배송 조회 버튼 여부 : <!--/if_delivery_info@link_delivery/--> - 배송 조회 버튼 : <!--/delivery_info@link_delivery/--> - 일반주문 여부 확인 (선물하기 주문 아닐때) : <!--/if_not_is_present/--> - 선물주문 여부 확인 : <!--/if_is_present/--> - 선물번호 : <!--/present_num/--> - 선물 만료 예정일 : <!--/receiver_approval_enddate/--> - 받는분 성함 : <!--/receiver_name/--> - 받는분 연락처 : <!--/receiver_mobile/--> - 선물메시지 : <!--/present_message/--> - 선물 상태 : <!--/present_status/--> - 선물주문 + 주문완료 전 상태 : <!--/if_not_is_present_complete/--> - 선물 주문건 상품 개별 취소 버튼 링크 : <!--/order_product@link_cancel_present/--> - 선물 주문건 취소 버튼 여부 확인 : <!--/if_link_cancel_present/--> - 선물 주문건 취소 버튼 링크 : <!--/link_cancel_present/--> 3. 예제소스 [디자인 편집탭] ① 받는 분 정보 노출 * 빨간색 소스를 추가해주세요. <!--/if_not_is_present/--> <!--/if_delivery_info/--> <h2>배송지정보</h2> <div class="table-w table-region"> <table summary=""> <caption>배송지정보</caption> <colgroup> <col width="120" /> <col width="*" /> <col width="120" /> <col width="*" /> </colgroup> <tbody> <!--/loop_delivery_info/--> <tr> <th scope="row"><div class="tb-center">배송번호</div></th> <td> <div class="tb-center"> <!--/delivery_info@deli_num/--> <!--/if_delivery_info@link_buy_ok/--> <a href="<!--/delivery_info@link_buy_ok/-->"><img src="/images/common/orderpop_btn_orderok.gif" alt="거래완료" title="거래완료" /></a> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <tr> <th scope="row"><div class="tb-center">배송메세지</div></th> <td colspan="3"><div class="tb-left"><!--/delivery_info@message/--></div></td> </tr> <!--/end_loop/--> </tbody> </table> </div> <!--/end_if/--> <!--/else/--> <!-- //선물하기 START --> <h2>받는 분 정보</h2> <div class="table-w table-orderinfo"> <table summary=""> <caption>주문정보</caption> <colgroup> <col width="120" /> <col width="*" /> <col width="120" /> <col width="*" /> </colgroup> <tbody> <!--/if_delivery_info/--> <!--/loop_delivery_info/--> <tr class=""> <th scope="row"><div class="tb-center">배송번호</div></th> <td> <div class="tb-center"> <!--/delivery_info@deli_num/--> <!--/if_delivery_info@link_buy_ok/--> <a href="<!--/delivery_info@link_buy_ok/-->" class="deliBtn">거래완료</a> <!--/end_if/--> </div> </td> <th scope="row"><div class="tb-center">운송장번호</div></th> <td> <div class="tb-center"> <!--/delivery_info@company/--> <!--/delivery_info@num/--> <!--/if_delivery_info@link_delivery/--> <a href="<!--/delivery_info@link_delivery/-->"><img src="/images/common/orderpop_btn_delivery.gif" alt="배송추적" title="배송추적" /></a> <!--/end_if/--> </div> </td> </tr> <!--/end_loop/--> <!--/end_if/--> <tr> <th scope="row"><div class="tb-center">선물번호</div></th> <td><div class="tb-center"><!--/present_num/--></div></td> <th scope="row"><div class="tb-center">만료 예정일</div></th> <td><div class="tb-center"><!--/receiver_approval_enddate/--></div></td> </tr> <tr> <th scope="row"><div class="tb-center">성함</div></th> <td><div class="tb-center"><!--/receiver_name/--></div></td> <th scope="row"><div class="tb-center">연락처</div></th> <td><div class="tb-center"><!--/receiver_mobile/--></div></td> </tr> <tr> <th scope="row"><div class="tb-center">선물메시지</div></th> <td colspan="3"><div class="tb-center"><!--/present_message/--></div></td> </tr> <tr> <th scope="row"><div class="tb-center">상태</div></th> <td colspan="3"> <div class="tb-center"> <!--/if_present_status(선물완료)/--> <span class="gift-blue"><!--/present_status/--></span> <!--/else_if_present_status(주문취소)/--> <span class="gift-red"><!--/present_status/--></span> <!--/else_if_present_status(선물취소)/--> <span class="gift-red"><!--/present_status/--></span> <!--/else_if_present_status(선물 거절)/--> <span class="gift-red"><!--/present_status/--></span> <!--/else/--> <!--/present_status/--> <!--/end_if/--> </div> </td> </tr> </tbody> </table> <!--/end_if/--> <!-- //선물하기 END --> ② 선물하기 상품 영역 * 빨간색 소스를 추가해주세요. <div class="tb-center"> <a href="<!--/order_product@link/-->"><!--/order_product@name/--><br /></a> <span class="quantity order_table_Td style4"><!--/if_order_product@option/--><img src="/images/common/order1_optionicon.gif" /> <!--/order_product@option/--><!--/end_if/--></span> <!--/if_is_present/--> <!-- //선물하기 상품 --> <!--/if_not_is_present_complete/--> <!-- //선물하기 주문 완료 전 --> <!--/order_product@link_cancel_present/--> <!--/else/--> <!-- //선물하기 주문 완료 후 --> <!--/order_product@link_return/--> <!--/end_if/--> <!--/else/--> <!-- //일반 상품 --> <!--/order_product@link_trade/--> <!--/order_product@link_return/--> <!--/order_product@link_cancel/--> <!--/end_if/--> </div> ③선물상품 취소관련 소스 * 빨간색 소스를 추가해주세요. - 베이직심플 <div id="pop_order_btn_group"> <!--/if_is_present/--> <!-- //선물하기 상품 --> <!--/if_link_cancel_present/--> <a href="<!--/link_cancel_present/-->" class="CSSbuttonWhite">주문취소</a> <!--/end_if/--> <!--/else/--> <!-- //일반 상품 --> <!--/if_link_cancel/--> <a href="<!--/link_cancel/-->" class="CSSbuttonWhite">주문취소</a> <!--/end_if/--> <!--/end_if/--> [CSS] /* 선물하기 */ .gift-red { color: #f00 !important; } .gift-blue { color: #0e67ef; } - 모던심플 <div id="pop_order_btn_group"> <!--/if_is_present/--> <!-- //선물하기 상품 --> <!--/if_link_cancel_present/--> <a href="<!--/link_cancel_present/-->"><img src="/images/common/orderpop_btn_ordercancel.gif" /></a> <!--/end_if/--> <!--/else/--> <!-- //일반 상품 --> <!--/if_link_cancel/--> <a href="<!--/link_cancel/-->"><img src="/images/common/orderpop_btn_ordercancel.gif" /></a> <!--/end_if/--> <!--/end_if/--> [CSS] /* 선물하기 */ .gift-red { color: #f00; } .gift-blue { color: #0e67ef; } [예시 이미지] << 마이페이지 – 주문조회 팝업> 1. 작업위치 중앙디자인 > 주문관련 > 주문조회/후기팝업 > 주문조회 2. 가상태그 - 일반주문 여부 확인 (선물하기 주문 아닐때): <!--/if_not_is_present/--> - 선물번호 : <!--/present_num/--> - 선물 만료 예정일 : <!--/receiver_approval_enddate/--> - 받는분 성함 : <!--/receiver_name/--> - 받는분 연락처 : <!--/receiver_mobile/--> - 선물메시지 : <!--/present_message/--> - 선물 상태 : <!--/present_status/--> 3. 예제소스 [디자인 편집탭] * 빨간색 소스를 추가해주세요. <!--/if_not_is_present/--> <!--/if_delivery_info/--> <h2>배송지</h2> <div class="table-w table-region"> <table summary=""> <caption>배송지정보</caption> <colgroup> <col width="120" /> <col width="*" /> <col width="120" /> <col width="*" /> </colgroup> <tbody> <!--/loop_delivery_info/--> <tr> <th scope="row"><div class="tb-left">배송번호</div></th> <td> <div class="tb-left"> <!--/delivery_info@deli_num/--> <!--/if_delivery_info@link_buy_ok/--> <a href="<!--/delivery_info@link_buy_ok/-->"><img src="/images/common/orderpop_btn_orderok.gif" alt="거래완료" title="거래완료" /></a> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <tr> <th scope="row"><div class="tb-left">배송메세지</div></th> <td colspan="3"><div class="tb-left"><!--/delivery_info@message/--></div></td> </tr> <!--/end_loop/--> </tbody> </table> </div> <!--/end_if/--> <!--/else/--> <h2>받는 분 정보</h2> <div class="table-w table-gift"> <table summary=""> <caption>주문정보</caption> <colgroup> <col width="120" /> <col width="*" /> <col width="120" /> <col width="*" /> </colgroup> <tbody> <!--/if_delivery_info/--> <!--/loop_delivery_info/--> <tr> <th scope="row"><div class="tb-left">배송번호</div></th> <td> <div class="tb-left"> <!--/delivery_info@deli_num/--> <!--/if_delivery_info@link_buy_ok/--> <a href="<!--/delivery_info@link_buy_ok/-->" class="deliBtn">거래완료</a> <!--/end_if/--> </div> </td> <th scope="row"><div class="tb-left">운송장번호</div></th> <td> <div class="tb-left"> <!--/delivery_info@company/--> <!--/delivery_info@num/--> <!--/if_delivery_info@link_delivery/--> <a href="<!--/delivery_info@link_delivery/-->"><img src="/images/common/orderpop_btn_delivery.gif" alt="배송추적" title="배송추적" /></a> <!--/end_if/--> </div> </td> </tr> <!--/end_loop/--> <!--/end_if/--> <tr> <th scope="row"><div class="tb-left">선물번호</div></th> <td><div class="tb-left"><!--/present_num/--></div></td> <th scope="row"><div class="tb-left">만료 예정일</div></th> <td><div class="tb-left"><!--/receiver_approval_enddate/--></div></td> </tr> <tr> <th scope="row"><div class="tb-left">성함</div></th> <td><div class="tb-left"><!--/receiver_name/--></div></td> <th scope="row"><div class="tb-left">연락처</div></th> <td><div class="tb-left"><!--/receiver_mobile/--></div></td> </tr> <tr> <th scope="row"><div class="tb-left">선물메시지</div></th> <td colspan="3"><div class="tb-left"><!--/present_message/--></div></td> </tr> <tr> <th scope="row"><div class="tb-left">상태</div></th> <td colspan="3"> <div class="tb-left"> <!--/if_present_status(선물완료)/--> <span class="gift-blue"><!--/present_status/--></span> <!--/else_if_present_status(주문취소)/--> <span class="gift-red"><!--/present_status/--></span> <!--/else_if_present_status(선물취소)/--> <span class="gift-red"><!--/present_status/--></span> <!--/else_if_present_status(선물 거절)/--> <span class="gift-red"><!--/present_status/--></span> <!--/else/--> <!--/present_status/--> <!--/end_if/--> </div> </td> </tr> </tbody> </table> </div> <!--/end_if/--> [CSS – 베이직심플] /* 선물하기 */ .gift-red { color: #f00 !important; } .gift-blue { color: #0e67ef; } [CSS – 모던심플] /* 선물하기 */ .gift-red { color: #f00; } .gift-blue { color: #0e67ef; }
[ MO 버전 4.0 ] << 마이페이지 >> ❖ 햄버거 메뉴 > 마이페이지 > [선물함] 페이지로 이동하는 링크 추가하는 소스(모바일 4.0만 해당) 1. 작업위치 상단/하단 디자인 > 상단 > 기본상단 2. 가상태그 - 선물함 버튼 여부 확인 : <!--/if_link_mypage_present/--> - 선물함 버튼 링크 : <!--/link_mypage_present/--> 3. 예제소스 [ 디자인 편집탭 ] <!--/if_link_mypage_present/--> <li><a href="<!--/link_mypage_present/-->">선물함</a></li> <!--/end_if/--> [예시이미지] ❖ 마이페이지 메인에 선물함 페이지로 이동하는 링크 추가하는 소스 1. 작업위치 중앙디자인 > 마이페이지 > 마이페이지 메인 2. 가상태그 - 선물함 링크 : <!--/link_mypage_present/--> - 선물함 버튼 여부 확인 : <!--/if_link_mypage_present/--> 3. 예제소스 [ 디자인 편집탭 ] <!--/if_link_mypage_present/--> <li> <a href="<!--/link_mypage_present/-->"> <div> <span class="fa fa-gift fa-3x"></span> </div> <p>선물함</p> </a> </li> <!--/end_if/--> [CSS] *아래 [기존]소스를 [신규] 소스로 변경해주세요. [기존] .mypage .links li sup {background-color: #f1191f; color: #fff; width: 14px; height: 14px; display: block; border-radius: 7px; text-align: center; vertical-align: middle; line-height: 14px; position: absolute; top: 8px; right:0;} [신규] .mypage .links li sup {background-color: #f1191f; color: #fff; width: auto; height: 14px; padding: 0 4px; display: block; border-radius: 7px; text-align: center; vertical-align: middle; line-height: 14px; position: absolute; top: 8px; right:0;} /* 선물하기 */ [예시이미지] << 주문내역 >> 1. 작업위치 중앙디자인 > 마이페이지 > 주문내역 2. 가상태그 - 선물주문 여부 확인 : <!--/if_order_list@is_present/--> - 선물 주문 상품 개별 취소 버튼 링크 : <!--/order_list@link_cancel_present/--> 3. 예제소스 [디자인 편집탭] * 빨간색 소스를 추가해주세요. <h4><span class="bold">주문번호</span> [<!--/order_list@order_num/-->] <!--/if_order_list@is_subs_order/--><img src="/images/common/btn_subs_order.jpg" alt="정기배송 결제" title="정기배송 결제" /><!--/end_if/--><!--/if_order_list@is_present/--><i class="fa fa-gift"> 선물</i><!--/end_if/--></h4> <!-- 선물하기 --> -------------------------------------------- <!-- //주문 추가 정보 --> <div class="ncount item-links clearFix"> <!--/if_order_list@is_present/--> <!-- //선물 주문 --> <!--/if_order_list@link_cancel_present/--> <a href="<!--/order_list@link_cancel_present/-->" class="btn_Cancel"><span>주문취소</span></a> <!--/end_if/--> <!--/else/--> <!-- //일반 주문 --> <!--/if_order_list@link_cancel/--> <a href="<!--/order_list@link_cancel/-->" class="btn_Cancel"><span>주문취소</span></a> <!--/end_if/--> <!--/end_if/--> <!--/if_order_list@link_gift/--> <a href="<!--/order_list@link_gift/-->" class="btn_Grey"><span>사은품 선택</span></a> <!--/end_if/--> <!--/if_order_list@link_cash_receipt/--> <a href="<!--/order_list@link_cash_receipt/-->" class="btn_Grey"><span>현금영수증</span></a> <!--/end_if/--> <!--/if_order_list@link_all_smorder/--> <a href="<!--/order_list@link_all_smorder/-->" class="btn_Grey"><span>CS접수</span></a> <!--/end_if/--> <!--/if_order_list@link_all_return/--> <a href="<!--/order_list@link_all_return/-->" class="btn_Grey"><span>선택상품 반품</span></a> <!--/end_if/--> <!--/if_order_list@is_present/--> <!-- //선물 주문 --> <!--/if_order_list@link_cancel_present/--> <!--/if_order_list@link_all_cancel/--> <a href="<!--/order_list@link_all_cancel/-->" class="btn_Grey"><span>선택상품 취소</span></a> <!--/end_if/--> <!--/end_if/--> <!--/else/--> <!-- //일반 주문 --> <!--/if_order_list@link_all_cancel/--> <a href="<!--/order_list@link_all_cancel/-->" class="btn_Grey"><span>선택상품 취소</span></a> <!--/end_if/--> <!--/end_if/--> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!-- //배송 상세 정보 --> <!--/if_order_list@delivery@link_delivery/--> <div class="ncount item-delivery clearFix"> <!--/if_order_list@delivery@link_buy_ok/--> <a href="<!--/order_list@delivery@link_buy_ok/-->" class="btn_Grey fl" title="구매확정"><span>구매확정</span></a> <!--/end_if/--> <!--/if_order_list@delivery@is_present/--> <!-- //선물 주문 --> <a href="<!--/order_list@delivery@link_delivery/-->" class="btn_Grey" target="_blank" title="배송조회"><span>배송조회</span></a> <!--/else/--> <a href="<!--/order_list@delivery@link_delivery/-->" class="btn_Grey" target="_blank" title="배송조회"><span>배송조회</span></a> <!--/end_if/--> </div> <!--/end_if/--> <!--/end_loop/--> [CSS] #order-list li h4 .fa-gift { display: inline-block; padding: 3px; border: 1px solid #c6c6c6; color: #000; font-weight: bold; background: #efefef; } /* 선물하기 */ << 주문상세 내역 >> 1. 작업위치 중앙디자인 > 마이페이지 > 주문상세 내역 2. 가상태그 - 선물주문 여부 확인 : <!--/if_is_present/--> - 선물번호 : <!--/present_num/--> - 선물 만료 예정일 : <!--/receiver_approval_enddate/--> - 받는분 성함 : <!--/receiver_name/--> - 받는분 연락처 : <!--/receiver_mobile/--> - 선물메시지 : <!--/present_message/--> - 선물 상태 : <!--/present_status/--> - 선물주문 + 주문완료 전 상태 : <!--/if_not_is_present_complete/--> - 선물 주문 상품 개별 취소 버튼 링크 : <!--/order_product@link_cancel_present/--> 3. 예제소스 [ 디자인 편집탭 ] ① 받는 분 정보 * 아래 소스 위에 [신규] 소스를 복사하여 넣어주세요. <h4 id="detail_area">주문내역</h4 [신규]

②선물하기 상품 * 빨간색 소스를 추가해주세요. <li>가격: <!--/number/order_product@price/-->원</li> <li class="btn"> <!--/if_is_present/--> <!-- //선물하기 상품 --> <!--/if_not_is_present_complete/--> <!-- //선물하기 주문 완료 전 --> <!--/if_order_product@link_cancel_present/--><a class="btn_ctr_gray btn_order_cancel" href="<!--/order_product@link_cancel_present/-->">취소</a><!--/end_if/--> <!--/else/--> <!-- //선물하기 주문 완료 후 --> <!--/if_order_product@link_return/--><a class="btn_ctr_gray btn_order_refund" href="<!--/order_product@link_return/-->">반품</a><!--/end_if/--> <!--/end_if/--> <!--/else/--> <!-- //일반 상품 --> <!--/if_order_product@link_cancel/--><a class="btn_ctr_gray btn_order_cancel" href="<!--/order_product@link_cancel/-->">취소</a><!--/end_if/--> <!--/if_order_product@link_trade/--><a class="btn_ctr_gray btn_order_exchange" href="<!--/order_product@link_trade/-->">교환</a><!--/end_if/--> <!--/if_order_product@link_return/--><a class="btn_ctr_gray btn_order_refund" href="<!--/order_product@link_return/-->">반품</a><!--/end_if/--> <!--/end_if/--> [CSS] /* 선물하기 */ .gift-red { color: #f00 !important; } .gift-blue { color: #0e67ef; }
[ 모바일 버전 2.0 ] << 마이페이지 메인>> ❖ 마이페이지 메인에 선물함 페이지로 이동하는 링크 추가하는 소스 1. 작업위치 중앙디자인 > 마이페이지 > 마이페이지 메인 2. 가상태그 - 선물함 링크 : <!--/link_mypage_present/--> - 선물함 버튼 여부 확인 : <!--/if_link_mypage_present/--> 3. 예제소스 [ 디자인 편집탭 ] <!--/if_link_mypage_present/--> <li class="gift"> <a href="<!--/link_mypage_present/-->"><i class="fa fa-gift"></i><span>선물함</span></a> </li> <!--/end_if/--> [CSS] #mypage .links li.gift i { position: absolute; top: 14px; left: 50%; transform: translate(-50%); color: #5f626a; font-size: 3em; } /* 선물하기 */ [예시이미지] << 주문내역 >> 1. 작업위치 중앙디자인 > 마이페이지 > 주문내역 2. 가상태그 - 선물주문 여부 확인 : <!--/if_order_list@is_present/--> - 선물 주문 상품 개별 취소 버튼 링크 : <!--/order_list@link_cancel_present/--> 3. 예제소스 [ 디자인 편집탭 ] * 빨간색 소스를 추가해주세요. <h5> 주문번호 <!--/order_list@order_num/--> <!--/if_order_list@is_present/--><i class="fa fa-gift"> 선물</i><!--/end_if/--> <!-- //선물하기 --> <a href="#" class="open-detail btn-type-01"><span>상세보기</span></a> </h5> ------------------------------ <th>주문일자</th> <td> <!--/order_list@order_date/--> <!--/if_order_list@is_present/--> <!-- //선물 주문 --> <!--/if_order_list@link_cancel_present/--><a href="<!--/order_list@link_cancel_present/-->" class="btn-type-08"><span>주문취소</span></a><!--/end_if/--> <!--/else/--> <!-- //일반 주문 --> <!--/if_order_list@link_cancel/--><a href="<!--/order_list@link_cancel/-->" class="btn-type-08"><span>주문취소</span></a><!--/end_if/--> <!--/end_if/--> <!--/if_order_list@link_all_return/--> <a href="<!--/order_list@link_all_return/-->" class="btn-type-08"><span>선택상품 반품</span></a> <!--/end_if/--> <!--/if_order_list@is_present/--> <!-- //선물 주문 --> <!--/if_order_list@link_cancel_present/--><!--/if_order_list@link_all_cancel/--><a href="<!--/order_list@link_all_cancel/-->" class="btn-type-08"><span>선택상품 취소</span></a><!--/end_if/--><!--/end_if/--> <!--/else/--> <!-- //일반 주문 --> <!--/if_order_list@link_all_cancel/--><a href="<!--/order_list@link_all_cancel/-->" class="btn-type-08"><span>선택상품 취소</span></a><!--/end_if/--> <!--/end_if/--> </td> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/if_order_list@delivery@num/--> <tr> <th>송장번호</th> <td> <!--/order_list@delivery@num/--> <!--/if_order_list@delivery@link_delivery/--> <!--/if_order_list@delivery@is_present/--> <!-- //선물 주문 --> <a href="<!--/order_list@delivery@link_delivery/-->" class="btn-type-08" target="_blank" title="배송조회"><span>배송조회</span></a> <!--/else/--> <a href="<!--/order_list@delivery@link_delivery/-->" class="btn-type-08" target="_blank" title="배송조회"><span>배송조회</span></a> <!--/end_if/--> <!--/end_if/--> </td> </tr> [CSS] #order-list li h5 .fa-gift { display: inline-block; padding: 4px 5px; border-radius: 5px; color: #fff; font-weight: bold; background: #595858; text-indent: 0; font-size: 11px; letter-spacing: -0.5px; } /* 선물하기 */ #order-list li .item dd.amount .btn-type-01 { padding: 2px 8px; } /* 선물하기 */ << 주문상세 내역>> 1. 작업위치 중앙디자인 > 마이페이지 > 주문상세 내역 2. 가상태그 - 선물주문 여부 확인 : <!--/if_is_present/--> - 선물번호 : <!--/present_num/--> - 선물 만료 예정일 : <!--/receiver_approval_enddate/--> - 받는분 성함 : <!--/receiver_name/--> - 받는분 연락처 : <!--/receiver_mobile/--> - 선물메시지 : <!--/present_message/--> - 선물 상태 : <!--/present_status/--> - 선물주문 + 주문완료 전 상태 : <!--/if_not_is_present_complete/--> - 선물 주문 상품 개별 취소 버튼 링크 : <!--/order_product@link_cancel_present/--> 3. 예제소스 [ 디자인 편집탭 ] * 빨간색 소스를 추가해주세요. ① 선물 주문정보 <ul class="tab"> <li><a href="#info_area">주문정보</a></li> <!--/if_is_present/--> <!-- //선물주문 --> <li class="gift"><a href="#gift_area">선물정보</a></li> <!--/end_if/--> <li><a href="#detail_area">주문내역</a></li> <!--/if_not_is_present/--> <!-- //선물주문 아닐때 --> <li><a href="#deli_area">배송지정보</a></li> <!--/end_if/--> <li><a href="#pay_area">결제정보</a></li> </ul> ② 받는 분 정보 * 아래 소스 위에 [신규] 소스를 복사하여 넣어주세요. <h4 id="detail_area">주문내역</h4 [신규]

③ 선물상품 * 빨간색 소스를 추가해주세요.

<li class="btn"> <!--/if_is_present/--> <!-- //선물하기 상품 --> <!--/if_not_is_present_complete/--> <!-- //선물하기 주문 완료 전 --> <!--/if_order_product@link_cancel_present/--><a class="btn_ctr_gray btn_order_cancel" href="<!--/order_product@link_cancel_present/-->">취소</a><!--/end_if/--> <!--/else/--> <!-- //선물하기 주문 완료 후 --> <!--/if_order_product@link_return/--><a class="btn_ctr_gray btn_order_refund" href="<!--/order_product@link_return/-->">반품</a><!--/end_if/--> <!--/end_if/--> <!--/else/--> <!-- //일반 상품 --> <!--/if_order_product@link_cancel/--><a class="btn_ctr_gray btn_order_cancel" href="<!--/order_product@link_cancel/-->">취소</a><!--/end_if/--> <!--/if_order_product@link_trade/--><a class="btn_ctr_gray btn_order_exchange" href="<!--/order_product@link_trade/-->">교환</a><!--/end_if/--> <!--/if_order_product@link_return/--><a class="btn_ctr_gray btn_order_refund" href="<!--/order_product@link_return/-->">반품</a><!--/end_if/--> <!--/end_if/-->

* 파워팩의 경우 아래 설정 후 사용해주시기 바랍니다. << 마이페이지>> 1. 마이페이지 > 마이페이지 메인 > 마이페이지 메뉴 블록 > 기능설정 > 메뉴노출 항목 내 선물함 체크 후 사용 해주시면 됩니다. 2. 마이페이지 > 주문내역 > 주문상품 정보 메뉴 블록 > 기능설정 > 스마트마이페이지 노출설정 >[사용함] 설정 후 사용 해주시면 됩니다.
<< 선물하기 관련 TIP 보기 >> ▶[선물하기]상세 페이지 내 선물하기 버튼 노출 방법 ▶[선물하기]주문서 내 선물하기 기능 노출 방법
목록 1:1 문의