Toimituspäivävalitsimen lisääminen ostoskoriisi
Voit lisätä ostoskorisivullesi kalenterin, jonka avulla asiakkaat voivat määrittää tilauksensa toimituspäivän。< / p >< p >< / p >

Sisällytä jQuery theme.liquid - tiedostoosi
Jotta tämä mukautus toimii, jotkin teemat edellyttävät, että jQueryn komomentosarjatunniste lisätään theme.liquid-asettelutiedostoon。Jos käytät ilmaista Shopify网欧宝体育官网入口首页店2.0 - teemaa, sinun on ehkä noudatettava seuraavaa vaihetta:< / p >
ValitseUlkoasu-luettelosta
theme.liquid
.< / p >EtsiTämän lopputuniste
> < /头
.Liitä seuraava koodi uudelle riville lopputunnisteen> < /头
ylapuolelle:< / p >
{{< / span ><跨类="w">' / / ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js '< / span ><跨类="w">|< / span ><跨类="w">script_tag< / span ><跨类="w">}}< / span >
- KlikkaaTallenna.
Toimituspäivän koodinpätkän罗米宁
Näin voit luoda koodinpätkän toimituspäivävalitsimelle:< / p >< div类="section-tag-block">
Valitse Shopifyn Admin-sivullaVerkkokauppa>Teemat.< / p >
Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla...-painiketta ja klikkaa sittenMuokkaa koodia.< / p >
NapautaShopify-sovelluksessaKauppa.< / p >
NapautaMyyntikanavat-kohdassaVerkkokauppa.< / p >
NapautaHallinnoi teemoja.< / p >
Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla...-painiketta ja klikkaa sittenMuokkaa koodia.< / p >
NapautaShopify-sovelluksessaKauppa.< / p >
NapautaMyyntikanavat-kohdassaVerkkokauppa.< / p >
NapautaHallinnoi teemoja.< / p >
Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla...-painiketta ja klikkaa sittenMuokkaa koodia.< / p >
KlikkaaKoodinpatkat-hakemistossaLisää uusi koodinpätkä:< / p >
罗koodinpatka:< / p >
Liitä seuraava koodi uudessa koodinpätkässäsi
delivery-date.liquid
:< / 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 ><跨类="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 >
- KlikkaaTallenna.
Koodinpätkän sisällyttäminen ostoskorisivuusi
Näin voit sisällyttää toimituspäivän koodinpätkän ostoskorisivullesi:< / p >
klikkaa部分-hakemistossa
main-cart-items.liquid
.< / p >EtsiTämän lopputuniste
> < /形式
.Liitä seuraava koodi uudelle riville lopputunnisteen> < /形式
ylapuolelle:< / p >
{%< / span ><跨类="w">渲染< / span ><跨类="w">“交货日期”< / span ><跨类="w">%}< / span >
- KlikkaaTallenna.
Toimituspäivän syöttökenttä上的nyt tilauussivullasi。昆klikkaat tekstikentän sisältä, kalenteri tulee näkyviin:< / p >< p >< / p >

Tässä mukautuksessa käytetty päivämääränvalitsin onjQuery UI - kirjasonpienohjelma。< / p >