주문 상태 JavaScript 자산

이 페이지는 Sep 30, 2022에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/orders/status-tracking/customize-order-status/order-status-javascript-asset에서 확인하십시오.

Shopify 관리자의 추가 스크립트 박스를 사용하여 결제의 주문 상태 페이지에 JavaScript를 추가할 수 있습니다.

Shopify.Checkout.OrderStatus JavaScript 자산은 주문 상태 페이지에 다음과 같은 다양한 유형의 콘텐츠를 추가할 때 사용할 수 있습니다.

  • 특정 제품 관련 참고 사항
  • 개별 배송 방법 관련 지침
  • 디지털 제품의 다운로드 링크

이 JavaScript 자산은 ScriptTag를 통해서도 액세스할 수 있습니다.

작동 방식

Shopify.Checkout.OrderStatus 에는 다음과 같은 새 콘텐츠 생성 함수가 포함되어 있습니다.

addContentBox(params)

이 함수는 함수로 전달되는 각 매개 변수가 개별 행으로 렌더링되는 콘텐츠 상자를 추가합니다.

HTML5는 함수 내부에서 지원되며 함수 외부에서는 liquid를 사용할 수 있습니다.

예

특정 배송 방법이 사용될 때 콘텐츠를 추가할 수 있습니다.

<script>
  {% if checkout.shipping_method.title == 'Pick-up at the store' %}
    Shopify.Checkout.OrderStatus.addContentBox(
     '<h2>Pick-up in store</h2>',
     '<p>We are open everyday from 9am to 5pm.</p>'
    )
  {% endif %}
</script>

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험