주문 상태 JavaScript 자산

이 페이지는 Sep 12, 2024에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/fulfillment/setup/order-status-page/customization/javascript-asset에서 확인하십시오.

Shopify.Checkout.OrderStatus 주문 상태 JavaScript 자산을 사용하여 주문 상태 페이지에 사용자 지정 콘텐츠(예: 특정 제품에 대한 참고 사항, 개별 배송 방법에 대한 지침, 디지털 제품의 다운로드 링크)를 추가할 수 있습니다.

Shopify 관리자에서 이 Javascript 자산을 추가하려면 설정 > 결제로 이동합니다. 주문 상태 페이지 섹션까지 아래로 스크롤한 다음 추가 스크립트 상자에 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와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험