カ，トに配達日ピッカ，を追加する
お客様が注文の配達日を指定できるようにするカレンダ，をカ，トペ，ジに追加できます。< / p >< p >< / p >
theme.liquidにjQueryを追加する
このカスタマイズを機能さぜるには,一部のテーマで,jQueryのスクリプトタグをtheme.liquidレイアウトファイルに追加する必要があります。無料のShopify在欧宝体育官网入口首页线商店2.0のテーマを使用している場合,次のステップに従う必要があります。< / p >
レ@ @アウトディレクトリ，で，
theme.liquidをクリックします。< / p >コドで
> < /头終了タグを探します。> < /头終了タグの上の新しい行に，次のコ，ドを貼り付けます。< / p >
{{< / span ><跨类=＂w">' / / ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js '< / span ><跨类=＂w">|< / span ><跨类=＂w">script_tag< / span ><跨类=＂w">}}< / span >- [保存]をクリックします。
配達日のスニペットを作成する
配達日ピッカ，のスニペットを作成するには，次の手順を実行します。< / p >< div类=＂section-tag-block">
管理画面から[オンラ电子邮箱ンストア]>[テ，マ]の順に移動します。< / p >
編集するテマを見けて，[…]ボタンをクリックしてアクションメニュ，を開き，[コ，ドを編集]をクリックします。< / p >
Shopifyアプリから(存储)をタップします。< / p >
[販売チャネル]セクションで，[オンラ电子邮箱ンストア]をタップします。< / p >
[テ，マを管理する]をタップします。< / p >
編集するテマを見けて，[…]ボタンをクリックしてアクションメニュ，を開き，[コ，ドを編集]をクリックします。< / p >
Shopifyアプリから(存储)をタップします。< / p >
[販売チャネル]セクションで，[オンラ电子邮箱ンストア]をタップします。< / p >
[テ，マを管理する]をタップします。< / p >
編集するテマを見けて，[…]ボタンをクリックしてアクションメニュ，を開き，[コ，ドを編集]をクリックします。< / p >
[スニペット]ディレクトリで，[新しいスニペットを追加する]をクリックします。< / p >
次の手順でスニペットを作成します。< / p >
新しい
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 >- [保存]をクリックします。
カ，トペ，ジにスニペットを追加する
カ，トペ，ジに配達日のスニペットを含めるには，次の手順を実行します。< / p >
セクションディレクトリで，[
main-cart-items.liquid]をクリックします。< / p >コドで
> < /形式終了タグを探します。> < /形式終了タグの上の新しい行に，次のコ，ドを貼り付けます。< / p >
{%< / span ><跨类=＂w">渲染< / span ><跨类=＂w">“交货日期”< / span ><跨类=＂w">%}< / span >- [保存]をクリックします。
カ，トペ，ジに配達日入力フィ，ルドが表示されるようになりました。テキストフィ，ルド内をクリックすると，次のカレンダ，が表示されます。< / p >< p >< / p >
このカスタマズで使用される日付ピッカは，jQuery UIラ@ @ブラリからのウィジェットです。< / p >