원터치 주문서를 쇼핑몰에 적용하려면 어떻게 해야 하나요?
원터치 주문서 디자인 적용 방법
에서 스마트디자인 편집창을 열고 주문서 작성 파일의 HTML 영역에서 기존 주문서 소스를 원터치 주문서 소스로 변경해요.
- 스마트디자인 편집창에서 주문서 작성 파일을 여세요.
- HTML 영역에서 기존 주문서 소스 전체 삭제 후 원터치 주문서의 디자인 소스를 전체 붙여넣으세요.
- 미리 보기 버튼을 클릭하여 원터치 주문서가 적용된 화면을 확인하세요.
- '저장' 버튼을 클릭하세요.
Info
2018년 4월 5일 이후에 생성한 한국어 스킨 및 2018년 6월 14일 이후에 생성한 일본어 스킨은 이미 원터치 주문서가 반영되어 있으므로, 디자인 변경 없이 바로 사용할 수 있어요.
Caution - 적용 전, 아래 사항을 확인해 주세요.
-
뉴상품관리를 사용하는 쇼핑몰에만 적용되는 내용이에요.
-
광고 성과 측정을 위한 외부 스크립트가 존재하는 경우, 외부 스크립트 소스는 유지하고 원터치 주문서 소스를 적용해야 해요. 기존 주문서 백업이 필요한 경우, 기존 '주문서 작성(orderform.html)' 파일을 다른 이름으로 저장하여 백업 후 적용하면 되어요.
-
조각 파일은 수정/삭제를 할 수 없어요.
-
스타일(CSS) 변경은 form_onetouch_user.css 파일을 추가로 생성하여 변경 가능해요.
원터치 주문서 디자인 가이드 바로가기
아래 디자인 가이드를 참고하여 원터치 주문서 디자인으로 변경해 주세요.
- 모바일
- 주문서작성(orderform.html)
- 주문완료(order_result.html)
- 쿠폰선택(coupon_select.html) & 배송가능지역(custom_ship_area.html)
- order_form.js
- PC
- 주문서작성(orderform.html)
- 주문완료(order_result.html)
- 바로구매 상품(product_detail_info.html)
- common.js
원터치 주문서의 일부 기능이 동작하지 않습니다.
오동작 원인
주문서 작성 화면(orderform.html)에서 참조하는 js 파일이 수정되었을 경우 주문서 구성 요소가 정상 작동하지 않을 수 있어요. 이 때, 주문서 작성 화면에서 참조하는 js 파일을 기본 js 파일로 대체하여 사용하면 정상 이용이 가능해요.
js 파일 대체 방법
-
모바일 쇼핑몰의 스마트 디자인 편집창에 접속하여 '화면 추가' 버튼을 클릭한 후 3개의 js 파일을 아래 경로에 추가하세요.
1) 저장 경로를 '레이아웃(layout) > 기본 레이아웃(basic) > js'로 선택 후 파일명 란에 'common_cafe24.js' 입력하여 저장
2) 저장 경로를 'js > 모듈(module) > 주문(order)'로 선택 후 파일명 란에 'order_form_cafe24.js' 입력하여 저장
3) 저장 경로를 'js > 모듈(module) > 주문(order)'로 선택 후 파일명 란에 'order_cafe24.js' 입력하여 저장 -
첨부파일(클릭)을 다운받은 후 파일에 들어있는 각각의 js 파일 내용을 복사하여 조금 전 생성한 파일에 반영하세요.
1) common.js : common_cafe24.js 파일에 반영
2) order_form.js : order_form_cafe24.js 파일에 반영
3) order_js : order_cafe24.js 파일에 반영 -
모바일 쇼핑몰 스마트 디자인 편집창의 '전체화면 보기 > 주문(order) > 주문서작성(orderform.html)' 에서 소스를 수정하세요.
▼ 아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가해 주세요.
<!--@js(/layout/basic/js/common.js)-->
<!--@js(/js/module/order/order_form.js)-->
<!--@js(/js/module/order/order.js)-->
<!--@js(/layout/basic/js/common_cafe24.js)-->
<!--@js(/js/module/order/order_form_cafe24.js)-->
<!--@js(/js/module/order/order_cafe24.js)-->