고객 위치 기준으로 콘텐츠 표시

주문 상태 페이지에 배송 주소가 특정 지역인 고객에게만 표시되는 사용자 지정 메시지를 추가할 수 있습니다. 예를 들어, 미국 뉴욕 거주 고객에게만 메시지를 표시하도록 선택할 수 있습니다. 위치는 원하는 만큼 지정할 수 있습니다.

단계:

  1. 주문 처리 섹션에서 아래쪽으로 스크롤하여 추가 스크립트 텍스트 상자로 이동합니다.

    주문 처리 섹션 내 추가 스크립트 텍스트 상자

  2. 추가 스크립트 텍스트 상자에 다음 예제 코드를 붙여넣습니다.

{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
<script type="text/javascript">
  var customMessage = document.createElement("div");
  customMessage.innerHTML = '<div class="section" style="padding-top: 3em"><div class="content-box"><div class="content-box__row"><p class="os-step__description">TYPE YOUR CUSTOM MESSAGE HERE.</p></div></div></div>';
  console.log(document.querySelector("[data-order-summary-section=payment-lines]"));
  document.querySelector("[data-order-summary-section=payment-lines]").before(customMessage);
</script>
{% endif %}
  1. 사용자 지정 메시지를 표시할 고객 위치를 지정하도록 코드를 편집합니다. 편집을 하려면 코드 블록 상단에 있는 Liquid {% if %} 명령문 내부에서 국가 및 주 약어를 편집해야 합니다. 현재 메시지는 미국 뉴욕 거주 고객에게만 표시되도록 설정되어 있습니다.

- 다른 주 거주 고객에게 메시지를 표시하려면 NY를 원하는 주 약어로 교체합니다. 미국 주에서 사용하는 우편용 약어는 USPS에서 주 약어 목록을 참조하십시오. - 뉴욕 거주 고객과 함께 다른 주 거주 고객에게도 메시지를 표시하려면 and checkout.shipping_address.province_code == 'XX'를 추가합니다. 여기서 XX는 원하는 주 약어입니다. 시/도를 더 추가하려면 이 단계를 반복합니다. - 다른 국가 거주 고객에게 메시지를 표시하려면 US를 원하는 국가 약어로 교체합니다. NY도 새 국가의 주 약어로 교체해야 하며 주를 지정하지 않으려면 다음을 삭제합니다. and checkout.shipping_address.province_code == 'NY'.

Liquid if 문 작성 관련 추가 지침은 제어 흐름 태그에서 Liquid 참조를 확인하십시오.

  1. 주문 테스트를 수행하여 주문 상태 페이지의 결과를 확인합니다.

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

무료 체험