Help Center
카페24 소식
[스마트디자인] 해외배송 모듈기능 추가 > 나의 주문 내역 상세
2012-04-19
안녕하세요, 카페24 운영도우미 입니다.
해외배송 서비스는 안전하고 빠르며 저렴하게 ‘픽업’부터 ‘배송완료’까지
전자동 시스템으로 이용하실 수 있는 서비스로 주문서, 나의 주문 내역 상세 페이지에
모듈기능이 추가되었습니다.
아래에서는 나의 주문 내역 상세 페이지 적용방법을 안내해드립니다.
1. 제목 : 해외배송 모듈기능 추가 > 나의 주문 내역 상세
2. 업데이트 내용
1) 해외배송 사용 설정
'쇼핑몰어드민 > 상점관리 > 배송/반품설정 > 국내배송/해외배송' 페이지에서 '사용'을 선택합니다.
[해외배송 서비스 메뉴얼 보기]
2) HTML 수정
표준스킨에서는 아래와 같이 파란색 소스 부분을 수정해주시면 됩니다.
- 수정파일 : /myshop/order/detail.html
<div class="orderList"> <table border="1" summary="주문서 상세중 기본 배송 내역입니다." class="ordDelivery1 {$basic_display|display}"> ........ </table> <table border="1" summary="주문서 상세중 개인 배송 내역입니다." class="ordDelivery2"> ........ </table> <table border="1" summary="주문서 상세중 해외 배송 내역입니다." class="ordDelivery1 ordDelivery4 {$oversea_display|display}"> <caption>개인 배송 주문서</caption>
<tr> <th scope="col" class="thumb">이미지</th> <th scope="col" class="prduct">상품명</th> <th scope="col" class="sell">판매가</th> <th scope="col" class="mileage">적립예정</th> <th scope="col" class="quantity">수량</th> <th scope="col" class="delivery">배송구분</th> <th scope="col" class="state">처리상태</th> <th scope="col" class="delivery1">배송관련</th> <th scope="col" class="delivery2">배송추적</th> </tr> </thead>
<tr> <td colspan="9"><strong class="type">[ 해외 배송 ]</strong> 상품구매금액 <strong>{$oversea.product_price}</strong> + 배송비 <strong>{$oversea.ship_fee}</strong> + 특수지역배송비 <strong>{$oversea.special_ship_fee}</strong> = <strong class="total">합계 : {$oversea.total_price}</strong></td> </tr> </tfoot>
<tr> <td class="thumb"><a href="/product/detail.html{$param_product}"><img src="{$thumbnail}" alt="{$name}" /></a></td> <td class="prduct"> <p><a href="/product/detail.html{$param_product}">{$name}</a></p> {$opt_str} {$option_add} <span class="{$opt_price_display|display}">(+{$opt_price}{$price_unit_tail})</span> <strong class="btnPrdWrite"><a href="/board/product/write.html{$param_postscript}">구매후기</a></strong> </td> <td class="sell">{$price}</td> <td class="mileage">{$mileage}</td> <td class="quantity">{$quantity}</td> <td class="delivery">{$type}</td> <td class="state">{$state}</td> <td class="delivery1">{$shipping_info}</td> <td class="delivery2"><a href="#none" onclick="{$action_track}" class="{$track_display|display}"><img src="http://img.echosting.cafe24.com/design/skin/mono/myshop/btn_delivery.gif" alt="배송추적"></a></td> </tr> <tr> <td class="thumb"><a href="/product/detail.html{$param_product}"><img src="{$thumbnail}" alt="{$name}" /></a></td> <td class="prduct"> <p><a href="/product/detail.html{$param_product}">{$name}</a></p> {$opt_str} {$option_add} <span class="{$opt_price_display|display}">(+{$opt_price}{$price_unit_tail})</span> <strong class="btnPrdWrite"><a href="/board/product/write.html{$param_postscript}">구매후기</a></strong> </td> <td class="sell">{$price}</td> <td class="mileage">{$mileage}</td> <td class="quantity">{$quantity}</td> <td class="delivery">{$type}</td> <td class="state">{$state}</td> <td class="delivery1">{$shipping_info}</td> <td class="delivery2"><a href="#none" onclick="{$action_track}" class="{$track_display|display}"><img src="http://img.echosting.cafe24.com/design/skin/mono/myshop/btn_delivery.gif" alt="배송추적"></a></td> </tr> </tbody> </table> .......... </table> </div> |
3) CSS 수정
- 수정파일 : /css/module/myshop/orderHistoryDetail.css
.xans-myshop-orderhistorydetail .ordDelivery4 td { border-color:#333; } .xans-myshop-orderhistorydetail .ordDelivery4 tfoot td { border-color:#333; } .xans-myshop-orderhistorydetail .ordDelivery4 tfoot td .type { color:#333; }
▼ 적용화면
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]