テーマ「Dawn」にのコード変更を模索しています。

お世話になります。私の質問はMasayuki様と同じくカート画面で配送日時を選択すると「カートをアップデートするときにエラーが発生しまいした。もう一度お試しください」と購入ボタンの下にエラーが出ます。私が参考にしている記事がこちらになります。→ https://ikdlog.com/shopify-date-noapp/

他のやり方も検証したのですが、うまくいきません。

theme.liquidのタグ直前に下記コード読み込みました。

{{ ‘https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css’ | stylesheet_tag }}
{{ ‘https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js’ | script_tag }}
{{ ‘https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js’ | script_tag }}
{{ ‘https://rawgit.com/jquery/jquery-ui/master/ui/i18n/datepicker-ja.js’ | script_tag }}

後は、書かれてある通りsnippetに「date-picker.liquid」名でファイルを作成しました。

{% comment %}
/配送日時の指定/
{% endcomment %}

配送希望日 指定しない 指定する
配送希望時間帯

最後にsection/main-cart-items.liquidに下記コードを入れるとあります。

{% render ‘date-picker’ %}

又はの直前になど色々な場所に入れてみましたが、うまくいきませんでした。

お分かりになる方がいらっしゃいましたら、教えていただけると幸いです。

よろしくお願いいたします。

こんにちは!

最後のsection/main-cart-items.liquidにコードを入れるところで詰まっておられるようですね。

私の方でも上記の参考記事を試しに検証してみました。

参考記事では、

「合計金額を表示している箇所の真上に以下のコードを挿入します。」とありましたので、すなわちDawnでいうところの「main-cart-items.liquid」内、289行目あたりがそれに当たるかと思います。

結果、こちらに**{% render ‘date-picker’ %}**を入れることで無事動きました。

カート内にも表示されました。

また、注文管理画面内にも注文時にカート内で入力した発送希望日がきちんと表示されるようになりました。

何かご参考になりましたら幸いです、よろしくお願いいたします!

株式会社おいかぜ様、ご返答いただき大変嬉しいです。ありがとうございます。

おいかぜ様の画像の部分にいれてみましたが、エラーが出てしまいます。

私がコードを挿入した部分が下記となります。285行目から295行目辺りまでの部分を抜粋しています。

{%- endfor -%}

{%- endif -%}

→おいかぜ様に教えていただいた挿入部分**{% render ‘date-picker’ %}**

{{ 'accessibility.loading' | t }}

→1 {% render ‘date-picker’ %}

→2 {% render ‘date-picker’ %}

→3 {% render ‘date-picker’ %}

カート画面に配達希望日、時間共に問題なく表示はされています。1と2、おいかぜ様部分にコードを挿入した場合、配送希望日「指定する」をクリックすると、ボタンの下にエラーが出ます。

(画像参照)※申し訳ございませんが、商品部分はつぶさせて頂きました。

![エラー画像.jpg|600x401](upload://zBSApOATJJKDxfwb7NXYAap3ktA.jpeg)

3の場合は、エラーが出たり、カレンダー事態が見れなくなったりと不安定です。

最初は、最終購入画面(下記画像参照)、注文管理画面内にも受注、お客様の注文確認メールにも希望配達日、時間共に表示されていましたが、今はそれもされなくなってしまいました。ドツボにはまってしまっています。

初心者ということもあり、かなり!迷走しています。説明が下手で申し訳ございません。

おいかぜ様、又は分かりの方がいらっしゃいましたら、ご教授いただけると本当に幸いです。お忙しいとは思いますが、よろしくお願いいたします。

カート画面に配達希望日、時間共に問題なく表示はされています。1と2、おいかぜ様部分にコードを挿入した場合、配送希望日「指定する」をクリックすると、ボタンの下にエラーが出ます。

ボタンをクリックしたタイミングでのエラーということで、
他のアプリやjsの処理などが影響してエラーを起こしている可能性が考えられます。

関係してそうなアプリを停止or削除してみたり、「section/main-cart-items.liquid」を一度初期状態にリセットしてやり直してみるのもよいかもしれません。(念の為バックアップは取っておく)

また、より詳しく内容をお伺いしたうえで弊社にてお手伝いできるかもしれません。
ご相談頂けます場合は下記フォームにて受付しておりますので、
お手数ですが内容をご記載のうえ、お問合せください。
(このやりとりをご記載頂けますとスムーズです)

https://oikaze.jp/contact

どうぞよろしくお願い致します。

ご返答ありがとうございます。初期化し、改めて最初から設定し直してみます。