Risorsa stato dell'ordine JavaScript

Attenzione

Questo è un tutorial avanzato e non è supportato da Shopify. Richiede la conoscenza di linguaggi di web design come HTML, CSS, Javascript e Liquid. Ti consigliamo di contattare un esperto Shopify se incontri difficoltà con il tutorial seguente.

Puoi aggiungere JavaScript alla pagina di stato dell'ordine del check-out usando la casella Script aggiuntivi nel tuo pannello di controllo Shopify.

La risorsa Shopify.Checkout.OrderStatus JavaScript può essere usata per aggiungere molti tipi di contenuti alla pagina dello stato dell’ordine, tra cui:

• note su prodotti specifici
• istruzioni per i singoli metodi di spedizione
• link di download per i prodotti digitali.

Puoi accedere a questa risorsa JavaScript anche tramite ScriptTag.

Come funziona

Shopify.Checkout.OrderStatus contiene una funzione per generare nuovi contenuti:

addContentBox(params)

Questa funzione aggiunge una casella di contenuto in cui ogni parametro passato alla funzione viene visualizzato come una riga separata.

All’interno della funzione è supportato l’HTML5 e puoi utilizzare Liquid esternamente alla funzione.

Esempio

Puoi aggiungere contenuto quando viene selezionato un determinato metodo di spedizione:

<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>