주문 상태 JavaScript 자산
이 페이지는 Feb 05, 2023에 인쇄되었습니다. 최신 버전은 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>