Help Center
카페24 소식
[스마트디자인] 장바구니, 주문서작성 시 할인 상품금액 표기 추가
2014-03-24
안녕하세요, 카페24 운영도우미 입니다.
장바구니, 주문서작성에 할인 상품금액의 표기를 추가할 수 있습니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2014-03-20 (목)
■ 업데이트 내용
1) 쇼핑몰의 장바구니, 주문서작성에 할인 상품금액의 표기를 추가할 수 있습니다.
상품상세의 할인가 표기와 동일하게 적용됩니다.
2) 최종 할인 적용된 금액은 주문서 작성의 결제예정금액에서 확인이 가능합니다.
할인가 적용된 상품이 1개 이상 있는 경우에 안내문구를 노출할 수 있습니다.
▼ 쇼핑몰 적용 예시
아래와 같이 HTML 수정을 하시면 정상적으로 이용이 가능합니다.
1. 장바구니
- /order/basket.html
1) 주석변수 추가 : <div module="Order_Empty">...</div> 하단에 파란색 소스를 추가합니다.
| <!-- 할인금액 노출 : 삭제 시 할인금액이 노출되지 않습니다.-->
<div module="Order_BasketOption"> <!-- $display_product_sale_price = T --> </div> |
2) 할인금액 변경 : 빨간색 소스를 삭제, 파란색 소스를 추가합니다.
|
<td>{$product_price}<div class="{$product_price_display|display}">{$product_price_ref}</div></td>
<td> <div class="{$discount}">{$product_price}<p class="{$product_price_display|display}">{$product_price_ref}</p></div> <div class="{$product_sale_price_display|display}">{$product_sale_price}</div> </td> |
3) 안내문구 추가 : <div module="Order_AllotmentInfo">...</div> 하단에 파란색 소스를 추가합니다.
|
<div class="controlInfo {$dc_prd_guide_display|display}" module="Order_DcPrdGuide"> <p>할인 적용 금액은 주문서작성의 결제예정금액에서 확인 가능합니다.</p> </div> |
- /css/module/order/basketPackage.css
1) 추가 : .xans-order-basketpackage .boardList tfoot td 상단에 파란색 소스를 추가합니다.
| .xans-order-basketpackage .boardList td .discount { text-decoration:line-through; } |
2) 변경 : 빨간색 소스를 삭제, 파란색 소스를 추가합니다.
|
.xans-order-allotmentinfo { margin:20px 0; padding:0 0 13px; border-bottom:2px solid #7f8186; color:#9d9d9d; font-size:11px; } .xans-order-allotmentinfo .info { padding:6px 0 0; }
.xans-order-allotmentinfo { margin:20px 0 10px; padding:0 0 13px; border-bottom:2px solid #7f8186; color:#9d9d9d; font-size:11px; } .xans-order-allotmentinfo .info { padding:6px 0 0; }
|
2. 주문서 작성
- /order/orderform.html
1) 주석변수 추가 : 파란색 소스를 추가합니다.
|
<div module="Order_form" unroll=1> <!--@css(/css/module/order/form.css)--> <!-- 이값은 지우면 안되는 값입니다. ($move_order_after 주문완료페이지 주소 / $move_basket 장바구니페이지 주소) $move_order_after=/order/order_result.html $move_basket=/order/basket.html $display_product_sale_price = T --> |
2) 할인금액 변경 : 빨간색 소스를 삭제, 파란색 소스를 추가합니다.
|
<td class="price">{$price_unit_head}{$product_price}{$price_unit_tail}<div class="{$product_price_display|display}">{$product_price_ref}</div></td>
<td class="price"> <div class="{$discount}">{$price_unit_head}{$product_price}{$price_unit_tail}<p class="{$product_price_display|display}">{$product_price_ref}</p></div> <div class="{$product_sale_price_display|display}">{$product_sale_price}</div> </td> |
3) 안내문구 변경 : 빨간색 소스를 삭제, 파란색 소스를 추가합니다.
|
<p class="controlInfo">상품의 옵션 및 수량 변경은 상품상세 또는 장바구니에서 가능합니다.</p>
<div class="controlInfo"> <p>상품의 옵션 및 수량 변경은 상품상세 또는 장바구니에서 가능합니다.</p> <p class="{$dc_prd_guide_display|display}">할인 적용 금액은 주문서작성의 결제예정금액에서 확인 가능합니다.</p> </div> |
- /css/module/order/form.css
1) 추가 : .xans-order-form .boardList tfoot td 상단에 파란색 소스를 추가합니다.
| .xans-order-form .boardList td .discount { text-decoration:line-through; } |
2) 변경 : 빨간색 소스를 삭제, 파란색 소스를 추가합니다.
|
.xans-order-form .controlInfo { margin:20px 0 10px; padding:0 0 13px 20px; border-bottom:2px solid #7f8186; color:#6292db; font-size:11px; }
|
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]