Lieferdatumsauswahl zum Warenkorb hinzufügen

2023年2月12日。Die neueste版本find dest du unter https://help.shopify.com/de/manual/online-store/themes/customizing-themes/add-date-picker。< / div >

在世界上最美丽的地方hinzufügen，在世界上最美的地方für können。

jQuery主题。液体einschließen

Damit diese Anpassung funktioniert, ist es bei einigen Themes erforderlich, ein Skript-Tag für jQuery zur Layout-Datei主题。液体hinzuzufugen。Wenn du ein kostenlos主题für Shopify在线商店2.0 欧宝体育官网入口首页verwendest，必须du möglicherweise den nächsten Schritt anwenden:

Klicke在der Übersicht布局汪汪汪theme.liquid．
Suchedas abschließende Tag> < /头我的代码。Füge in einer neuen Zeile über dem abschließenden Tag> < /头代码ein:

{{< / span ><跨类=＂w">' / / ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js '< / span ><跨类=＂w">|< / span ><跨类=＂w">script_tag< / span ><跨类=＂w">}}< / span >

Klicke汪汪汪Speichern．

Lieferdatum-Snippet erstellen

所以erstellst du ein Snippet für die Lieferdatumsauswahl:< div类=＂section-tag-block">

Gehe in deinem Shopify-Adminbereich auf网店购买>主题．
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche.．.，嗯das Aktionsmenü zu öffnen, und klicke dann auf代码bearbeiten．

Tippe in derShopify应用汪汪汪商店．
Tippe螺母Vertriebskanale汪汪汪网店购买．
Tippe汪汪汪主题verwalten．
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche.．.，嗯das Aktionsmenü zu öffnen, und klicke dann auf代码bearbeiten．

Tippe in derShopify应用汪汪汪商店．
Tippe螺母Vertriebskanale汪汪汪网店购买．
Tippe汪汪汪主题verwalten．
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche.．.，嗯das Aktionsmenü zu öffnen, und klicke dann auf代码bearbeiten．

Klicke在der Übersicht片段汪汪汪Neues片段hinzufügen：
片段erstellen:
Füge den folgenden Code in dein neues Snippetdelivery-date.liquid静脉:

{{'//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag}}<跨类=＂nt"><脚本< / span ><跨类=＂na">src =< / span ><跨类=＂s">“https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js”< / span ><跨类=＂na">推迟=< / span ><跨类=＂s">“推迟”< / span ><跨类=＂nt">> < /脚本>< / span ><跨类=＂nt">< div< / span ><跨类=＂na">风格=< / span ><跨类=＂s">宽度:300 px;明确:;“< / span ><跨类=＂nt">>< / span ><跨类=＂nt">< p >< / span ><跨类=＂nt"><标签< / span ><跨类=＂na">为=< / span ><跨类=＂s">“日期”< / span ><跨类=＂nt">>< / span >选择交付日期:<跨类=＂nt">< / >标签< / span ><跨类=＂nt"><输入< / span ><跨类=＂na">id =< / span ><跨类=＂s">“日期”< / span ><跨类=＂na">类型=< / span ><跨类=＂s">“文本”< / span ><跨类=＂na">name =< / span ><跨类=＂s">“[日期]属性”< / span ><跨类=＂na">值=< / span ><跨类=＂s">"{{cart.attributes.date}}"< / span ><跨类=＂nt">/>< / span ><跨类=＂nt"><跨< / span ><跨类=＂na">风格=< / span ><跨类=＂s">“显示:块”< / span ><跨类=＂na">类=< / span ><跨类=＂s">“指令”< / span ><跨类=＂nt">>< / span >我们周末不送货。<跨类=＂nt">< / span >< / span ><跨类=＂nt">< / p >< / span ><跨类=＂nt">< / div >< / span ><跨类=＂nt">< >脚本< / span ><跨类=＂nb">窗口< / span ><跨类=＂p">．< / span ><跨类=＂nx">onload< / span ><跨类=＂o">＝< / span ><跨类=＂kd">函数< / span ><跨类=＂p">（）< / span ><跨类=＂p">｛< / span ><跨类=＂k">如果< / span ><跨类=＂p">（< / span ><跨类=＂nb">窗口< / span ><跨类=＂p">．< / span ><跨类=＂nx">jQuery< / span ><跨类=＂p">）< / span ><跨类=＂p">｛< / span ><跨类=＂kd">让< / span ><跨类=＂nx">＄< / span ><跨类=＂o">＝< / span ><跨类=＂nb">窗口< / span ><跨类=＂p">．< / span ><跨类=＂nx">jQuery< / span ><跨类=＂p">；< / span ><跨类=＂nx">＄< / span ><跨类=＂p">（< / span ><跨类=＂kd">函数< / span ><跨类=＂p">（）< / span ><跨类=＂p">｛< / span ><跨类=＂nx">＄< / span ><跨类=＂p">（< / span ><跨类=＂dl">＂< / span ><跨类=＂s2">#日期< / span ><跨类=＂dl">＂< / span ><跨类=＂p">)．< / span ><跨类=＂nx">datepicker< / span ><跨类=＂p">({< / span ><跨类=＂na">minDate< / span ><跨类=＂p">：< / span ><跨类=＂o">+< / span ><跨类=＂mi">1< / span ><跨类=＂p">，< / span ><跨类=＂na">maxDate< / span ><跨类=＂p">：< / span ><跨类=＂dl">＇< / span ><跨类=＂s1">+ 2米< / span ><跨类=＂dl">＇< / span ><跨类=＂p">，< / span ><跨类=＂na">beforeShowDay< / span ><跨类=＂p">：< / span ><跨类=＂nx">＄< / span ><跨类=＂p">．< / span ><跨类=＂nx">datepicker< / span ><跨类=＂p">．< / span ><跨类=＂nx">noWeekends< / span ><跨类=＂p">})；< / span ><跨类=＂p">})；< / span ><跨类=＂p">｝< / span ><跨类=＂p">｝< / span ><跨类=＂nt">> < /脚本< / span >

Klicke汪汪汪Speichern．

片段在die Warenkorbseite einschließen

所以schließt du das lieferdata - snippet in deine Warenkorbseite ein:

Klicke在der ÜbersichtAbschnitte汪汪汪main-cart-items.liquid．
Suchedas abschließende Tag> < /形式我的代码。Füge in einer neuen Zeile über dem abschließenden Tag> < /形式代码ein:

{%< / span ><跨类=＂w">渲染< / span ><跨类=＂w">“交货日期”< / span ><跨类=＂w">%}< / span >

Klicke汪汪汪Speichern．

在艾因加菲尔德的天堂für das Lieferdatum。Wenn du in das Textfeld klickst, wund ein Kalender angezeigt:

死亡在柴油的安帕松verwendete Datumsauswahl ist in Widget ausderjQuery-UI-Bibliothek．