seppetinize teslim tarihi seçicisi ekleme
2023年2月26日。Geçerli sürüm için https://help.shopify.com/tr/manual/online-store/themes/customizing-themes/add-date-picker adresini ziyaret edin。< / div >
Sepet sayfanizza, müşterilerin siparileri için teslim tarihi belirtmelerini sa伊拉扬bir takvim ekleyebilirsiniz。< / p >< p >< / p >
Dikkat
Bu özelleştirme, sepet çekmecesi veya açılır sepet stilleri için çalışmayacak ve yalnazca (your-store.com/cart
URL sindeki) sepet sayfasistanbul için çalışacaktır。拜拜çekmecesi veya açılır拜拜kullanyyorsanazz,拜拜stilinizi特马duzenleyicisinden Sayfa Olarak dekiittirmeniz gerekmektedir。Tema önizlemenizde sepetinize ürün ekleyin ve sepet ayarlarynazzic görmek için Tema düzenleyicisindeki单眼皮sayfası sekmesine tıklayın。< / p >
theme.liquidtemanıza jQuery ekleme
Bu özelleştirmenin çalışması için bazistanbul temalar,主题。液体düzen dosyashina jQuery için bir komut etiketi eklenmesini gerektirir。Ücretsiz bir Shopify在欧宝体育官网入口首页线商店2.0 temasiqkullanyyorsanazz bir sonraki adymiquygulamanazz gerekebilir:< / p >
Duzen dizinindetheme.liquid
seceneğine tıklayın。< / p >
Koddaki kapatma< / >头
etiketinibulun .Kapatma< / >头
Etiketinin tam üzerindeki yeni sathra aaqidaki kodu yapyhtirrhn:< / p >
{{< / span ><跨类="w"> ' / / ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js '< / span ><跨类="w"> |< / span ><跨类="w"> script_tag< / span ><跨类="w"> }}< / span >
凯ıt Yap ' a taklayyan。
Teslim tarihi parçacığı oluyuturma
Teslim tarihi seçiciniz için bir parçacık oluturkmak için:< / p >< div类="section-tag-block">
Shopify yoneticinizden马在线ğ阿扎 >Temalar “gidin。< / p >
Düzenlemek伊斯特迪吉尼兹特马耶布伦,伊勒姆勒menüsünü açmak için... Düğmesine ve arddandanKodu duzenle “你们tıklayın。< / p >
Shopify uygulamasından 马ğ阿扎 “丫dokunun。< / p >
坐在ışkanalları bolumunde马在线ğ阿扎 “丫dokunun。< / p >
Temalarıyonet “e dokunun。< / p >
Düzenlemek伊斯特迪吉尼兹特马耶布伦,伊勒姆勒menüsünü açmak için... Düğmesine ve arddandanKodu duzenle “你们tıklayın。< / p >
Shopify uygulamasından 马ğ阿扎 “丫dokunun。< / p >
坐在ışkanalları bolumunde马在线ğ阿扎 “丫dokunun。< / p >
Temalarıyonet “e dokunun。< / p >
Düzenlemek伊斯特迪吉尼兹特马耶布伦,伊勒姆勒menüsünü açmak için... Düğmesine ve arddandanKodu duzenle “你们tıklayın。< / p >
片段 (Parcacıklar) dizininde叶尼比尔parçacık埃克尔 “你们tıklayın。< / p >
Parcac kıoluşturun:< / p >
Yenidelivery-date.liquid
Parçacığınız içerisine aaqidaki kodu yapyhtirrhn:< / 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 >
凯ıt Yap ' a taklayyan。
Parçacığı sepet sayfanakza ekleme
Teslim tarihi parçacığınızı sepet sayfanakza eklemek için:< / p >
Bolumler dizinindemain-cart-items.liquid
oğesine tıklayın。< / p >
Koddaki kapatma> < /形式
etiketinibulun .Kapatma> < /形式
Etiketinin tam üzerindeki yeni sathra aaqidaki kodu yapyhtirrhn:< / p >
{%< / span ><跨类="w"> 渲染< / span ><跨类="w"> “交货日期”< / span ><跨类="w"> %}< / span >
凯ıt Yap ' a taklayyan。
artuk sepet sayfanazzda bir teslim tarihi girialanabi vardir。梅丁阿拉尼亚恩içine塔克拉达耶夫纳兹达比尔塔克维姆görünecektir:< / p >< p >< / p >
Bu özelleştirmede kullanilan tarih seçici,jQuery用户界面 Gelen bir widget tasser。< / p >