Lägg till en väljare av leveransdatum i din varukorg
Du kan inkludera en kalender på din varukorgssida som låter kunder ange ett leveransdatum för sin order.

På den här sidan
Inkludera jQuery i din theme.liquid
För att denna anpassning ska fungera kräver vissa teman att en skripttagg för jQuery läggs till i theme.liquid-layoutfilen. Om du använder ett gratis Shopify-tema kan du behöva följa nästa steg:
Klicka på
theme.liquid
i Layout-registret.Hitta sluttaggen
</head>
i koden. På en ny rad ovanför sluttaggen</head>
klistrar du in följande kod:
{{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}
- Klicka på Spara.
Skapa ett fragment för leveransdatum
Så här skapar du ett fragment för din väljare av leveransdatum:
Dator
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på Lägg till ett nytt fragment i katalogen Fragment:
Skapa fragmentet:
- Namnge ditt fragment
delivery-date
. - Klicka på Skapa fragment. Den nya fragmentfilen öppnas i kodredigeraren.
- Namnge ditt fragment
I ditt nya
delivery-date.liquid
-fragment klistrar du in följande kod:
1. Klicka på Spara.
iPhone
Från Shopify-appen trycker du på
.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på Lägg till ett nytt fragment i katalogen Fragment:
Skapa fragmentet:
- Namnge ditt fragment
delivery-date
. - Klicka på Skapa fragment. Den nya fragmentfilen öppnas i kodredigeraren.
- Namnge ditt fragment
I ditt nya
delivery-date.liquid
-fragment klistrar du in följande kod:
1. Klicka på Spara.
Android
Från Shopify-appen trycker du på
.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på Lägg till ett nytt fragment i katalogen Fragment:
Skapa fragmentet:
- Namnge ditt fragment
delivery-date
. - Klicka på Skapa fragment. Den nya fragmentfilen öppnas i kodredigeraren.
- Namnge ditt fragment
I ditt nya
delivery-date.liquid
-fragment klistrar du in följande kod:
1. Klicka på Spara.
Inkludera fragmentet på din varukorgssida
Så här inkluderar du fragmentet för leveransdatum på din varukorgssida:
Klicka på
main-cart-items.liquid
i registret Avsnitt.Hitta sluttaggen
</form>
i koden. På en ny rad ovanför sluttaggen</form>
klistrar du in följande kod:
{% render 'delivery-date' %}
- Klicka på Spara.
Du har nu ett inmatningsfält för leveransdatum på din varukorgssida. När du klickar i textfältet visas en kalender:

Datumväljaren som används för denna anpassning är en widget från biblioteket jQuery UI.