주 콘텐츠로 건너뛰기

[원터치 주문서]원터치 주문서 기능 관련 자주 묻는 질문

콘텐츠 목차

ㆍ원터치 주문서를 쇼핑몰에 적용하려면 어떻게 해야 하나요?

ㆍ원터치 주문서의 일부 기능이 동작하지 않습니다.

원터치 주문서를 쇼핑몰에 적용하려면 어떻게 해야 하나요?

 

원터치 주문서 디자인 적용 방법

[관리자] 디자인 > 디자인 보관함 에서 스마트디자인 편집창을 열고 주문서 작성 파일의 HTML 영역에서 기존 주문서 소스를 원터치 주문서 소스로 변경해요.

  1. 스마트디자인 편집창에서 주문서 작성 파일을 여세요.
  2. HTML 영역에서 기존 주문서 소스 전체 삭제 후 원터치 주문서의 디자인 소스를 전체 붙여넣으세요.
  3. 미리 보기 버튼을 클릭하여 원터치 주문서가 적용된 화면을 확인하세요.
  4. '저장' 버튼을 클릭하세요.

 

Info

2018년 4월 5일 이후에 생성한 한국어 스킨 및 2018년 6월 14일 이후에 생성한 일본어 스킨은 이미 원터치 주문서가 반영되어 있으므로, 디자인 변경 없이 바로 사용할 수 있어요.

 

Caution - 적용 전, 아래 사항을 확인해 주세요. 

  1. 뉴상품관리를 사용하는 쇼핑몰에만 적용되는 내용이에요.

  2. 광고 성과 측정을 위한 외부 스크립트가 존재하는 경우, 외부 스크립트 소스는 유지하고 원터치 주문서 소스를 적용해야 해요. 기존 주문서 백업이 필요한 경우, 기존 '주문서 작성(orderform.html)' 파일을 다른 이름으로 저장하여 백업 후 적용하면 되어요.

  3. 조각 파일은 수정/삭제를 할 수 없어요.

  4. 스타일(CSS) 변경은 form_onetouch_user.css 파일을 추가로 생성하여 변경 가능해요.

 

원터치 주문서 디자인 가이드 바로가기

아래 디자인 가이드를 참고하여 원터치 주문서 디자인으로 변경해 주세요.

  1.  
  1.  

원터치 주문서의 일부 기능이 동작하지 않습니다.

 

오동작 원인

주문서 작성 화면(orderform.html)에서 참조하는 js 파일이 수정되었을 경우 주문서 구성 요소가 정상 작동하지 않을 수 있어요. 이 때, 주문서 작성 화면에서 참조하는 js 파일을 기본 js 파일로 대체하여 사용하면 정상 이용이 가능해요.

 

js 파일 대체 방법

  1. 모바일 쇼핑몰의 스마트 디자인 편집창에 접속하여 '화면 추가' 버튼을 클릭한 후 3개의 js 파일을 아래 경로에 추가하세요.

    1) 저장 경로를 '레이아웃(layout) > 기본 레이아웃(basic) > js'로 선택 후 파일명 란에 'common_cafe24.js' 입력하여 저장
    2) 저장 경로를 'js > 모듈(module) > 주문(order)'로 선택 후 파일명 란에 'order_form_cafe24.js' 입력하여 저장
    3) 저장 경로를 'js > 모듈(module) > 주문(order)'로 선택 후 파일명 란에 'order_cafe24.js' 입력하여 저장
    ____.png

  2. 첨부파일(클릭)을 다운받은 후 파일에 들어있는 각각의 js 파일 내용을 복사하여 조금 전 생성한 파일에 반영하세요.

    1) common.js : common_cafe24.js 파일에 반영
    2) order_form.js : order_form_cafe24.js 파일에 반영
    3) order_js : order_cafe24.js 파일에 반영

  3. 모바일 쇼핑몰 스마트 디자인 편집창의 '전체화면 보기 > 주문(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)-->

     

이 페이지가 도움이 되었나요?
현재 콘텐츠