원터치 주문서는 별도의 설정 없이 간단한 디자인 변경으로 적용 가능해요.
자세히 알아보기
원터치 주문서 디자인 적용 방법
에서 스마트디자인 편집창을 열고 주문서 작성 파일의 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