관련 동영상 강의 모아보기 >

고객이 마이페이지에서 직접 교환 / 반품 / 취소 신청하도록 기능 설정하고자 하신다면 스마트 마이페이지 기능을 이용해주시면 됩니다.

<< 기능설정 >>

[쇼핑몰 구축 > 쇼핑몰 운영기능 설정 > 주문서 2.0 설정] 
->  [스마트 마이페이지 구매자 취소, 교환, 반품기능 설정] 


<< 웹 버전(PC) >>

*** 위치 ***
[중앙디자인 > 마이페이지 > 마이페이지 메인]
[중앙디자인 > 마이페이지 > 주문내역]


<!--/order_list@link_order/-->
=>
<!--/order_list@link_smorder/-->

예) 

<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_smorder/-->"><img src="/images/d3/modern_simple/btn/btn_h14_search.gif" alt="조회" /></a></div></td>



<< 모바일 2.0 / 4.0 >>

*** 위치 ***
중앙디자인 > 마이페이지 > 주문 내역


*** 예제소스 ***

1. 디자인 편집탭 - 아래의 초록색 소스추가

1-1) 모바일 2.0

<!--/if_order_list@product@link/-->
<a href="<!--/order_list@product@link/-->" >
<!--/end_if/-->
<!--/notag/order_list@product@brandname(40)/-->
<!--/if_order_list@product@link/-->
</a>
<!--/end_if/-->
<!--/if_order_list@product@link_smorder/-->
<a href="<!--/order_list@product@link_smorder/-->" class="review"><span class="blue-btn box-round">CS접수</span></a>
<!--/end_if/-->


1-2) 모바일 4.0

<dt class="product-name">
<!--/if_order_list@delivery@product@link/-->
<a href="<!--/order_list@delivery@product@link/-->" >
<span class="delivery_state">(<!--/order_list@delivery@product@delivery_state/-->)</span> <!--/notag/order_list@delivery@product@name/-->
</a>
<!--/end_if/-->
<!--/if_order_list@delivery@product@link_smorder/-->
<div style="text-align: right; margin-top: 5px;"><a href="<!--/order_list@delivery@product@link_smorder/-->" 
class="btn_write">CS접수 <span class="fa fa-chevron-right"></span></a></div>
<!--/end_if/-->



2. CSS탭

2-1) 아래의 소스 수정

#order-list li dl dt .listTitleRight .btn_writeEnd {width: 64px; color:#959393; display: inline-block; border: 1px solid #c6c6c6; padding:3px 0; background-color: #efefef; text-align: center; margin-left: 5px;}

=>

#order-list li dl dt .listTitleRight .btn_writeEnd {width: 67px; color:#959393; display: inline-block; border: 1px solid #c6c6c6; padding:3px 0; background-color: #efefef; text-align: center; margin-left: 5px;}



2-2)  아래의 소스 추가

#order-list li dl {padding:15px 5px; border-bottom: 1px solid #dedede;}

=>

#order-list li dl {padding:15px 5px; border-bottom: 1px solid #dedede; min-height: 50px;}


3. 결과화면

3-1) 모바일 2.0



3-2) 모바일 4.0




<< 파워팩 >>

마이페이지 > 주문내역 > 주문상품 정보 > 기능설정 > 스마트마이페이지 노출 설정 > 노출함 체크 



※ 스마트마이페이지는 주문 2.0 및 쇼핑몰 회원만 이용이 가능합니다.