Aggiungere il selettore della data di consegna alla pagina del carrello

È possibile includere un calendario nella pagina del carrello per consentire ai clienti di specificare la data di consegna dell'ordine.

Includere jQuery in theme.liquid

Affinché questa personalizzazione funzioni correttamente, alcuni template richiedono l'aggiunta dei tag script di jQuery al file di layout theme.liquid. Se si utilizza il modello gratuito Shopify Online Store 2.0, potrebbe essere necessario seguire i passaggi indicati di seguito:

1. esistere Layout fare clic su tema.liquido.
2. Trovare la fine del codice </head> Marcatore. Alla fine del </head> Nella nuova riga sopra il marcatore, incollare il seguente codice:

{{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}

3. Fare clic susalvare (un file, ecc.) (informatica).

Creare lo snippet del codice della data di consegna

Per creare uno snippet di codice per il selezionatore della data di distribuzione, procedere come segue:

1. Nel backend di Shopify, andare sunegozio online > modello.
2. Individuare il modello che si desidera modificare e fare clic su … per aprire il menu operativo, quindi fare clic sul pulsanteModifica del codice.
3. esistere Frammenti fare clic suAggiungere un nuovo frammento di codice.
4. Creare snippet di codice:
   1. Dare un nome al frammento di codice data di consegna.
   2. colpire (sulla tastiera)Creazione di snippet di codice. Il nuovo file di snippet di codice si aprirà nell'editor di codice.
5. nuovo data di consegna.liquido Nel frammento di codice, incollare il seguente codice:

{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}



  

    Scegliere una data di consegna:
    
    Non effettuiamo consegne durante il fine settimana.
   


<script
  window.onload = funzione() {
      se (window.jQuery) {
        lasciare che $ = window.jQuery;

        $(funzione() {
          $("#date").dataspicker({
          minDate. +1,
          maxDate: '+2M',
          beforeShowDay: $.datepicker.noWeekends
        });
      });
    }
  }

6. Fare clic susalvare (un file, ecc.) (informatica).

Includere lo snippet di codice nella pagina del carrello degli acquisti

Per includere lo snippet della data di consegna nella pagina del carrello, procedere come segue:

1. esistere Sezioni fare clic su elementi principali-cart.liquid.
2. Trovare la fine del codice </form> Marcatore. Alla fine del </form> Nella nuova riga sopra il marcatore, incollare il seguente codice:

{% rendere 'data di consegna' %}

3. Fare clic susalvare (un file, ecc.) (informatica).

Nella pagina del carrello è ora presente un campo per l'inserimento della data di consegna. Facendo clic sul campo di testo, viene visualizzato un calendario:

link originale https://help.shopify.com/zh-CN/manual/online-store/themes/customizing-themes/add-date-picker