Wyświetl zawartość według lokalizacji klientów

Uwaga

To jest zaawansowany tutorial i nie jest obsługiwany przez Shopify (/themes/customization#unsupported-customizations). Wymagana jest znajomość języków projektowania stron internetowych, takich jak HTML, CSS, JavaScript i Liquid. Doradzamy zatrudnienie eksperta Shopify (//experts.shopify.com/services/development-and-troubleshooting/add-custom-features-or-code?utm_campaign=help_docs), jeśli nie czujesz się pewnie, korzystając z poniższego tutoriala.

Możesz dodać niestandardową wiadomość do strony statusu zamówienia, która jest wyświetlana tylko klientom z adresami wysyłki w określonym regionie. Na przykład możesz wybrać wyświetlanie wiadomości tylko klientom mieszkającym w Nowym Jorku, USA. Możesz podać dowolną liczbę lokalizacji.

Kroki:

Pulpit

1. Z poziomu panelu administracyjnego Shopify przejdź do opcji Ustawienia > Realizacja zakupu.

iPhone

1. W aplikacji Shopify przejdź do opcji Sklep > Ustawienia.
2. W Ustawieniach sklepu naciśnij opcję Realizacja zakupu.

Android

1. W aplikacji Shopify przejdź do opcji Sklep > Ustawienia.
2. W Ustawieniach sklepu naciśnij opcję Realizacja zakupu.

1. W polu tekstowym Dodatkowe skrypty wklej następujący przykładowy kod:

{% 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. Edytuj kod, aby określić, w jakich lokalizacjach chcesz pokazać klientom wiadomość niestandardową. Aby to zrobić, musisz edytować skróty krajów i stanów w instrukcji Liquid {% if %} w górnej części bloku kodu. Wiadomość w przykładzie jest ustawiona w taki sposób, aby wyświetlała się tylko klientom mieszkającym w Nowym Jorku w USA.

- Aby wyświetlić wiadomość klientom w innym stanie, zastąp NY wybranym skrótem stanu. Aby znaleźć skrót pocztowy używany dla stanu USA, możesz sprawdzić listę skrótów stanów od USPS. - Aby pokazać wiadomość klientom w Nowym Jorku, a także w innym stanie, dodaj and checkout.shipping_address.province_code == 'XX', gdzie XX jest wybranym skrótem stanu. Aby dodać więcej stanów, powtórz ten krok. - Aby wyświetlić wiadomość klientom w innym kraju, zastąp US wybranym skrótem kraju. Musisz także zastąpić NY skrótem stanu lub prowincji w nowym kraju. Jeśli wolisz nie określać stanu, usuń następujące elementy: and checkout.shipping_address.province_code == 'NY'.

Dodatkowe wskazówki dotyczące pisania instrukcji Liquid if znajdują się w informacji referencyjnej Liquid dotyczącej Tagów przepływu sterowania.

1. Złóż zamówienie testowe aby wyświetlić wyniki na stronie statusu zamówienia.