Help Center
카페24 소식
[상점관리] 주문완료 페이지에 거래명세서, 카드매출전표 인쇄버튼 표시 기능 추가
2014-09-18
안녕하세요, 카페24 운영도우미 입니다.
거래명세서인쇄와 카드매출전표인쇄가 주문완료 페이지에서도 가능하게 되었습니다.
인쇄버튼을 표시할 수 있는 설정기능이 추가되었으니 활용해보시기 바랍니다.
자세한 내용은 아래를 참조해주세요.
■ 적용일자 : 2014-09-18 (목)
■ 업데이트 내용
마이쇼핑 > 주문상세 페이지에서만 제공하던 거래명세서 인쇄버튼과 카드매출전표 인쇄버튼을
주문완료 페이지 내에서도 표시할 수 있는 기능이 추가되었습니다.
- 위치 : 상점관리 > 운영관리 > 운영방식설정 > 주문/주문서설정
■ 디자인 소스 적용
디자인 설정을 하셔야 사용이 가능합니다.
(디자인관리 > 디자인관리 > 디자인추가 > 신규 디자인 추가로 새로운 스킨 생성하시면 자동 적용되는 부분이오니 참고 바랍니다.)
1. 신규 스킨
1) 주문완료 페이지 ( /order/order_result.html )
▼ 소스수정 (파란색 소스 추가)
<div class="btnArea"> <span class="left"> <a href="#none" onclick="{$action_print_spec}" class="{$print_spec_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_order_spec.gif" alt="거래명세서 인쇄" /></a> <a href="#none" onclick="{$action_print_pg_card}" class="{$print_pg_card_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_order_card.gif" alt="카드매출전표 인쇄" /></a> </span> <span class="right"> <a href="/"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_order_ing.gif" alt="쇼핑계속하기" /></a> <a href="/myshop/order/list.html"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_order_check.gif" alt="주문확인하기" /></a> </span> </div> |
2) 관련 CSS ( /css/module/order/result.css )
▼ 소스수정 (빨간색 소스 삭제, 파란색 소스 추가)
.xans-order-result .btnArea { margin:20px 0 0; text-align:center; } .xans-order-result .btnArea { overflow:hidden; margin:20px 0 0; text-align:right; *zoom:1; } .xans-order-result .btnArea span.left { float:left; } .xans-order-result .btnArea span.right { float:right; } |
2. 기존 스킨
1) 주문완료 페이지 ( /order/order_result.html )
▼ 소스수정 (빨간색 소스 삭제, 파란색 소스 추가)
<div class="btnArea center"> <span class="left"> <a href="/myshop/order/list.html"><img src="http://img.echosting.cafe24.com/design/skin/default/order/btn_order_check.gif" alt="주문확인하기" /></a> <a href="/"><img src="http://img.echosting.cafe24.com/design/skin/default/order/btn_order_ing2.gif" alt="쇼핑계속하기" /></a> </span> <a href="#none" onclick="{$action_print_spec}" class="{$print_spec_display|display}"><img src="http://img.echosting.cafe24.com/design/skin/default/order/btn_order_spec.gif" alt="거래명세서 인쇄" /></a> <a href="#none" onclick="{$action_print_pg_card}" class="{$print_pg_card_display|display}"><img src="http://img.echosting.cafe24.com/design/skin/default/order/btn_order_card.gif" alt="카드매출전표 인쇄" /></a> </div> |
2) 관련 CSS ( /css/module/order/result.css )
▼ 소스수정 (빨간색 소스 삭제, 파란색 소스 추가)
.xans-order-result .btnArea { overflow:hidden; position:relative; margin:20px 0 80px; text-align:right; } .xans-order-result .btnArea.center { text-align:center; } .xans-order-result .btnArea { overflow:hidden; margin:20px 0 80px; text-align:right; } .xans-order-result .btnArea .left { float:left; }
|
3. 언어별 스킨의 버튼 이미지 경로 안내
국문 외, 일본어, 중국어(간체), 중국어(번체), 스페인어, 포르투갈어 스킨의
거래명세서 인쇄버튼 / 카드매출전표 인쇄버튼 이미지 경로만 교체하여 위의 방법과 동일하게 적용하실 수 있습니다.
<신규스킨 버튼 경로> -영어 http://img.echosting.cafe24.com/skin/base_en_US/order/btn_order_spec.gif http://img.echosting.cafe24.com/skin/base_en_US/order/btn_order_card.gif -일본어 http://img.echosting.cafe24.com/skin/base_ja_JP/order/btn_order_spec.gif http://img.echosting.cafe24.com/skin/base_ja_JP/order/btn_order_card.gif -중국어(간체) http://img.echosting.cafe24.com/skin/base_zh_CN/order/btn_order_spec.gif http://img.echosting.cafe24.com/skin/base_zh_CN/order/btn_order_card.gif -중국어(번체) http://img.echosting.cafe24.com/skin/base_zh_TW/order/btn_order_spec.gif http://img.echosting.cafe24.com/skin/base_zh_TW/order/btn_order_card.gif -포르투갈어 http://img.echosting.cafe24.com/skin/base_pt_PT/order/btn_order_spec.gif http://img.echosting.cafe24.com/skin/base_pt_PT/order/btn_order_card.gif -스페인어 http://img.echosting.cafe24.com/skin/base_es_ES/order/btn_order_spec.gif http://img.echosting.cafe24.com/skin/base_es_ES/order/btn_order_card.gif <구스킨 버튼 경로> -영어 http://img.echosting.cafe24.com/design/skin/default_en/order/btn_order_spec.gif http://img.echosting.cafe24.com/design/skin/default_en/order/btn_order_card.gif -일본어 http://img.echosting.cafe24.com/design/skin/default_jp/order/btn_order_spec.gif http://img.echosting.cafe24.com/design/skin/default_jp/order/btn_order_card.gif -중국어(간체) http://img.echosting.cafe24.com/design/skin/default_cn/order/btn_order_spec.gif http://img.echosting.cafe24.com/design/skin/default_cn/order/btn_order_card.gif -중국어(번체) http://img.echosting.cafe24.com/design/skin/default_zh_TW/order/btn_order_spec.gif http://img.echosting.cafe24.com/design/skin/default_zh_TW/order/btn_order_card.gif -포르투갈어 http://img.echosting.cafe24.com/design/skin/default_pt_PT/order/btn_order_spec.gif http://img.echosting.cafe24.com/design/skin/default_pt_PT/order/btn_order_card.gif -스페인어 http://img.echosting.cafe24.com/design/skin/default_es_ES/order/btn_order_spec.gif http://img.echosting.cafe24.com/design/skin/default_es_ES/order/btn_order_card.gif |
■ 적용화면
▼ PC쇼핑몰 주문완료 페이지
※ 이 기능은 순차 배포이므로, 쇼핑몰마다 적용 시기가 약간 다를 수 있습니다. 이 점 양해 바랍니다.
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]