-->

무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 주문관련

[선물하기]주문서 내 선물하기 기능 작업 방법

글번호 : 1313

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1313
<< 지원범위 >> - 통합옵션 << 기능 설정 >> 주문관리 > 선물하기 > 선물상품관리 페이지에서 선물상품 추가 후 해당 기능을 사용하실 수 있습니다. * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다.
[ PC 버전 ] << 고급형 주문서 작성 >> 1. 작업위치 중앙디자인 > 주문관련 > 고급형 주문서 작성 2. 가상태그 - 선물주문 여부 확인 : <!--/if_is_present/--> - 일반주문 여부 확인 (선물하기 주문 아닐때) : <!--/if_not_is_present/--> - 받는분 성함 입력 부분 : <!--/input_receiver/--> - 선물 메시지 입력 부분 : <!--/text_present_message/--> - 선물 메시지 카드 디자인 반복 노출 : <!--/loop_present_design/--> - 선물 메시지 카드 디자인 선택 부분 : <!--/present_design@card_type/--> - 상점명 : <!--/shop_name/--> 3. 예제소스 ① 베이직심플 [디자인 편집탭] ❖ 선물받는사람 정보 추가 소스 * 아래 소스 하단에 [신규] 소스를 복사하여 넣어주세요. <legend>주문 폼</legend> [신규]

❖ 선물하기 관련 소스 추가 *아래 빨간색 소스를 넣어주세요. <!--/if_not_is_present/--> <h3>배송 정보 <label><!--/checkbox_same_data/--> 위 정보와 같음</label> </h3> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/if_checkbox_modify_address/--> <label class="chk-label"><!--/checkbox_modify_address/--> 해당 배송지 정보를 나의 회원정보로 등록합니다.</label> <!--/end_if/--> <!--/end_if/--> <!-- //not present --> ❖ 선물상품 정보 타이틀 소스 추가 * 아래 빨간색 소스를 복사하여 넣어주세요. <!--/loop_provider_product/--> <h3><img src="/images/common/ico_shop.gif" alt="" style="margin:-3px 0 0;" /> <!--/if_is_present/-->선물 상품 정보<!--/else/--><!--/provider_product@name/--><!--/end_if/--></h3> <div class="tbl-order"> [CSS]

[JS]

② 모던심플 [디자인 편집탭] ❖ 선물하기 타이틀 추가 소스 * 빨간색 소스를 넣어주세요. <!--/if_is_present/--> <h2>선물 주문하기</h2> <!--/else/--> <h2>주문/결제</h2> <!--/end_if/--> <div class="page-body"> ❖ 선물받는사람 정보 추가 소스 * 아래 소스 하단에 [신규] 소스를 복사하여 넣어주세요. <legend>주문 폼</legend> [신규]

❖ 선물하기 관련 소스 추가 *아래 빨간색 소스를 넣어주세요. <!--/if_not_is_present/--> <h3>배송 정보 <label><!--/checkbox_same_data/--> 위 정보와 같음</label> </h3> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/if_checkbox_modify_address/--> <label class="chk-label"><!--/checkbox_modify_address/--> 해당 배송지 정보를 나의 회원정보로 등록합니다.</label> <!--/end_if/--> <!--/end_if/--> <!-- //if_not_is present --> ❖ 선물상품 정보 타이틀 소스 추가 * 아래 빨간색 소스를 넣어주세요. <h3>주문리스트</h3> <!--/loop_provider_product/--> <h3><img src="/images/common/ico_shop.gif" alt="" /><!--/if_is_present/-->선물 상품 정보<!--/else/--><!--/provider_product@name/--><!--/end_if/--></h3> <div class="tbl-order"> [CSS]

[JS]

[예시이미지] << 주문완료 >> 1. 작업위치 중앙디자인 > 주문관련 > 주문완료 2. 가상태그 - 선물주문 여부 확인 : <!--/if_is_present/--> - 일반주문 여부 확인 (선물하기 주문 아닐때) : <!--/if_not_is_present/--> - 받는분 성함 : <!--/receiver/--> - 받는분 연락처 : <!--/receiver_mobile/--> - 선물 메시지 : <!--/present_message/--> 3. 예제소스 ① 베이직심플 [디자인 편집탭] * 아래 빨간색 소스를 넣어주세요. <div class="page-body"> <!--/if_is_present/--> <div class="gift-msg">선물하기가 <span>완료</span> 되었습니다.</div> <h2 class="tit-page">선물 상품 정보</h2> <!--/else/--> <h2 class="tit-page">주문상품</h2> <!--/end_if/--> ❖ 선물받는 분 정보 노출 * 아래 소스 위에 [신규] 소스를 복사하여 넣어주세요. <div class="right-cnt"> <h3 class="stit">주문자 정보</h3> [신규]

❖ 선물하기 관련 소스 추가 *아래 빨간색 소스를 넣어주세요. <!--/if_not_is_present/--> <div class="right-cnt"> <h3 class="stit">주문자 정보</h3> <div class="table-order-info"> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <div><!--/add_info@title/--> : <!--/add_info@value/--></div> <!--/end_loop/--> <!--/end_if/--> </div> </td> </tr> </tbody> </table> </div> </div><!-- //cnt-box --> <!--/end_if/--> <!-- //not present --> [CSS]

/* 선물하기 */ #order .gift-msg { padding: 75px 0 100px; text-align: center; font-weight: bold; font-size: 18px; letter-spacing: -1px; } #order .gift-msg span { color: #f00; }

② 모던심플 [디자인 편집탭] * 아래 빨간색 소스를 넣어주세요. <!--/if_is_present/--> <div class="gift-msg">선물하기가 <span>완료</span> 되었습니다.</div> <h2 class="stit"><img src="/images/d3/modern_simple/order_gift_tit.gif" alt="선물 상품 정보" title="선물 상품 정보" /></h2> <!--/else/--> <h3 class="stit"><img src="/images/d3/modern_simple/order_order_prd_tit.gif" alt="주문상품" title="주문상품" /></h3> <!--/end_if/--> ❖ 선물받는 분 정보 노출 * 아래 소스 위에 [신규] 소스를 복사하여 넣어주세요. <h3 class="stit"><img src="/images/d3/modern_simple/order_user_info_tit.gif" alt="주문자 정보" title="주문자 정보" /></h3> [신규]

❖ 선물하기 관련 소스 추가 *아래 빨간색 소스를 넣어주세요. <!--/if_not_is_present/--> <h3 class="stit"><img src="/images/d3/modern_simple/order_user_info_tit.gif" alt="주문자 정보" title="주문자 정보" /></h3> <div class="table-order-info"> <table summary=""> <caption>주문자 정보</caption>. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/loop_add_info/--> <div><!--/add_info@title/--> : <!--/add_info@value/--></div> <!--/end_loop/--> <!--/end_if/--> </div> </td> </tr> </tbody> </table> </div> <!--/end_if/--> <!-- //if_not_is_present //--> [CSS]

/* 선물하기 */ #order .gift-msg { padding: 80px 0 50px; text-align: center; font-weight: bold; font-size: 16px; letter-spacing: -1px; color: #1c1c1c; } #order .gift-msg span { color: #f00; }

[예시이미지]
[ 모바일 버전 4.0 ] << 고급형 주문서 작성 >> 1. 작업위치 중앙디자인 > 주문관련 > 고급형 주문서 작성 2. 가상태그 - 선물주문 여부 확인 : <!--/if_is_present/--> - 일반주문 여부 확인 (선물하기 주문 아닐때) : <!--/if_not_is_present/--> - 받는분 성함 입력 부분 : <!--/input_receiver/--> - 선물 메시지 입력 부분 : <!--/text_present_message/--> - 선물 메시지 카드 디자인 반복 노출 : <!--/loop_present_design/--> - 선물 메시지 카드 디자인 선택 부분 : <!--/present_design@card_type/--> - 상점명 : <!--/shop_name/--> 3. 예제소스 [디자인 편집탭] ❖ 선물상품 정보 타이틀 소스 추가 * 빨간색 소스를 추가해주세요.

<!--/if_is_present/--> <div class="h_title"> <h3>선물 주문하기</h3> </div> <div class="h_title2"> <h3>선물 상품 정보</h3> <span class="fa fa-angle-up fa-2x"></span> </div> <!--/else/--> <div class="h_title"> <h3>주문서</h3> </div> <div class="h_title2"> <h3>주문상품 정보</h3> <span class="fa fa-angle-up fa-2x"></span> </div> <!--/end_if/--> <!--/form_order/--> <!-- 상품정보 -->

❖ 선물받는사람 정보 추가 소스 * 아래 소스 위에 [신규] 소스를 복사하여 넣어주세요. <!-- 배송 정보 --> <section class="orderBody"> [신규]

❖ 선물하기 관련 소스 추가 *아래 빨간색 소스를 넣어주세요. <!--/if_not_is_present/--> <!-- 배송 정보 --> <section class="orderBody"> <!--/if_login/--> <div class="Write-deli">. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!--/radio_deliquick_hour/--> </td> </tr> <!--/end_if/--> <!--/end_if/--> </tbody> </table> </div> </section> <!-- //배송 정보 --> <!--/end_if/--> [CSS]

[JS]

[예시이미지] << 주문완료>> 1. 작업위치 중앙디자인 > 주문관련 > 주문완료 2. 가상태그 - 선물주문 여부 확인 : <!--/if_is_present/--> - 일반주문 여부 확인 (선물하기 주문 아닐때) : <!--/if_not_is_present/--> - 받는분 성함 : <!--/receiver/--> - 받는분 연락처 : <!--/receiver_mobile/--> - 선물 메시지 : <!--/present_message/--> 3. 예제소스 [ 디자인 편집탭 ] * 아래 소스 위에 [신규] 소스를 복사하여 넣어주세요. <!-- 배송정보 --> <div class="delivery_info"> [신규]

❖ 선물하기 관련 소스 추가 *아래 빨간색 소스를 넣어주세요. <!--/if_not_is_present/--> <!-- 배송정보 --> <div class="delivery_info"> <table> <colgroup> <col width="30%" /> <col width="*" /> </colgroup> <thead> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <th>요청사항</th> <td> <!--/if_order_message/--> <!--/order_message/--> <!--/else/--> 없음 <!--/end_if/--> </td> </tr> </tbody> </table> </div> <!-- //배송정보 --> <!--/end_if/-->
[ 모바일 버전 2.0 ] << 고급형 주문서 작성 >> 1. 작업위치 중앙디자인 > 주문관련 > 고급형 주문서 작성 2. 가상태그 - 선물주문 여부 확인 : <!--/if_is_present/--> - 일반주문 여부 확인 (선물하기 주문 아닐때) : <!--/if_not_is_present/--> - 받는분 성함 입력 부분 : <!--/input_receiver/--> - 선물 메시지 입력 부분 : <!--/text_present_message/--> - 선물 메시지 카드 디자인 반복 노출 : <!--/loop_present_design/--> - 선물 메시지 카드 디자인 선택 부분 : <!--/present_design@card_type/--> - 상점명 : <!--/shop_name/--> 3. 예제소스 [디자인 편집탭] ❖ 선물상품 정보 타이틀 소스 추가 * 빨간색 소스를 넣어주세요. <div class="wrapper clearfix"> <nav class="sub-title"> <!--/if_is_present/--> <h4 class="order">선물 주문하기</h4> <!-- 선물하기 --> <!--/else/--> <h4 class="order">주문서</h4> <!--/end_if/--> </nav> </div> ❖ 선물받는사람 정보 추가 소스 * 아래 소스 위에 [신규] 소스를 복사하여 넣어주세요. <div class="new-tit">배송 정보</div> [신규]

❖ 선물하기 관련 소스 추가 *아래 빨간색 소스를 넣어주세요. <!--/if_not_is_present/--> <div class="new-tit">배송 정보</div> <table class="normal delivery-info"> <colgroup> <col width="100" />. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <tr> <td colspan="2"> <label> <!--/checkbox_modify_address/--> 해당 배송지 정보를 나의 회원정보로 등록합니다.</label> </td> </tr> <!--/end_if/--> </tbody> </table> <!--/end_if/--> <!-- // not_is_present --> [CSS]

[JS]

<< 주문완료>> 1. 작업위치 중앙디자인 > 주문관련 > 주문완료 2. 가상태그 - 선물주문 여부 확인 : <!--/if_is_present/--> - 일반주문 여부 확인 (선물하기 주문 아닐때) : <!--/if_not_is_present/--> - 받는분 성함 : <!--/receiver/--> - 받는분 연락처 : <!--/receiver_mobile/--> - 선물 메시지 : <!--/present_message/--> 3. 예제소스 [ 디자인 편집탭 ] * 아래 소스 위에 [신규] 소스를 복사하여 넣어주세요. <li> <h5> 배송정보 </h5> [신규]

❖ 선물하기 관련 소스 추가 *아래 빨간색 소스를 넣어주세요. <!--/if_not_is_present/--> <li> <h5> 배송정보 </h5> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <th>요청사항</th> <td> <!--/if_order_message/--> <!--/order_message/--> <!--/else/--> 없음 <!--/end_if/--> </td> </tr> </tbody> </table> </li> <!--/end_if/--> <!-- // not_is_present --> </ul>
* 파워팩(시즌2)의 경우 별도 설정 없이 반영됩니다. 반영이 안되는 경우, 해당 템플릿 디자인 저장버튼 클릭 후 확인 부탁드립니다.
<< 선물하기 관련 TIP 보기 >> ▶[선물하기]마이페이지 내 선물하기 기능 작업 방법 ▶[선물하기]상세 페이지 내 선물하기 버튼 노출 방법
목록 1:1 문의