Legg直到en leveringsdatovervelger i handlekurven
Du kan legge til en kalender på handlekurvsiden som lar kundene angi en leveringsdato for bestilingen。< / p >< p >< / p >
Inkluder jQuery theme.liquid
For denne tilpasningen skal fungere krever enkelte temaer at en skripttagg For jQuery legges til i theme.液体-layoutfilen。Hvis du bruker et free Shopify On欧宝体育官网入口首页line Store 2.0-tema kan det hende du må følge neste trinn:< / p >
我Oppsett-katalogen klikker du på
theme.liquid．< / p >芬恩窝avsluttende
< / >头-taggen I koden。Lim inn følgende kode på en ny linje like over den avsluttende< / >头-taggen:< / p >
{{< / span ><跨类=＂w">' / / ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js '< / span ><跨类=＂w">|< / span ><跨类=＂w">script_tag< / span ><跨类=＂w">}}< / span >- Klikk paLagre．
Opprett en kodebit for leveringsdato
å opprette en kodebit的杠杆率:< / p >< div类=＂section-tag-block">
Fra shopify -管理员går du tilNettbutikk>特马．< / p >
Finn temaet du vil redigere, klikk på.．.-knappen for å åpne handlingsmenyen og klikk på对kode．< / p >
联邦铁路局Shopify-appenTrykker du påButikk．< / p >
我Salgskanal-seksjonen trykker du påNettbutikk．< / p >
Trykk paRedigere特马．< / p >
Finn temaet du vil redigere, klikk på.．.-knappen for å åpne handlingsmenyen og klikk på对kode．< / p >
联邦铁路局Shopify-appenTrykker du påButikk．< / p >
我Salgskanal-seksjonen trykker du påNettbutikk．< / p >
Trykk paRedigere特马．< / p >
Finn temaet du vil redigere, klikk på.．.-knappen for å åpne handlingsmenyen og klikk på对kode．< / p >
我Kodebiter-katalogen klikker du påLegg直到en ny kodebit．< / p >
Opprett kodebiten:< / p >
我不知道
delivery-date.liquid-kodebiten limer du inn følgende kode:< / p >
{{'//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 ><跨类=＂nf">如果< / 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 ><跨类=＂nf">＄< / span ><跨类=＂p">（< / span ><跨类=＂kd">函数< / span ><跨类=＂p">（）< / span ><跨类=＂p">｛< / span ><跨类=＂nf">＄< / span ><跨类=＂p">（< / span ><跨类=＂dl">＂< / span ><跨类=＂s2">#日期< / span ><跨类=＂dl">＂< / span ><跨类=＂p">)．< / span ><跨类=＂nf">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 >- Klikk paLagre．
Inkluder kodebiten på handlekurvsiden
Slik inkluderer du kodebiten for leveringsdato på handlekurvsiden:< / p >
我▽-katalogen klikker du på
main-cart-items.liquid．< / p >芬恩窝avsluttende
> < /形式-taggen I koden。Lim inn følgende kode på en ny linje like over den avsluttende> < /形式-taggen:< / p >
{%< / span ><跨类=＂w">渲染< / span ><跨类=＂w">“交货日期”< / span ><跨类=＂w">%}< / span >- Klikk paLagre．
Du har nå et tekstfelt for leveringsdato på handlekurvsiden。Når“我爱你”，“我爱你”:< / p >< p >< / p >
Datovelgeren som brukes i denne tilpasningen er et kontrolllprogram frajQuery UI-biblioteket．< / p >