テーマ "dawn" のカート画面に「お客様からのメッセージ」を入れたい。

Topic summary

Shopifyの「Dawn」テーマでカート画面に顧客メッセージ欄(備考欄)を追加する方法についての質問です。

質問者の状況:

  • Shopify・プログラミング初心者
  • UI Element Generatorでコードを作成済み
  • ギフトボックス用のメッセージシール記入欄(20文字まで)を実装したい
  • コードの貼り付け場所(main-cart-items.liquidなど)が不明

回答内容:

  • 「cart attributes」は送信ボタンのフォームタグ内(<form>~~</form>で囲まれた部分)に貼り付ける
  • 参考リンクとして具体的な実装方法を紹介するページが提供された

ステータス: 解決済み。回答者から実装方法と参考資料が提示され、質問者は感謝の意を表明しています。

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
こんにちは、shopify&プログラミング初心者です。dawnというテーマでECサイトを構築し始めましたが、お会計画面でいわゆる備考欄のようなお客様がメッセージを記入する部分を挿入したく試行錯誤しています。
色々と検索した結果、UI Element Generatorでコードを作成し、カートの編集画面で貼り付ければ良い(?)ということは理解しました。

<p class="cart-attribute__field">
  <label for="20">ギフトボックスをご注文のお客様で、メッセージシールをご希望される場合はこちらにご記入ください。(20文字まで)</label>
  <input id="20" type="text" name="attributes[ギフトボックスをご注文のお客様で、メッセージシールをご希望される場合はこちらにご記入ください。(20文字まで)]" value="{{ cart.attributes["ギフトボックスをご注文のお客様で、メッセージシールをご希望される場合はこちらにご記入ください。(20文字まで)"] }}">
</p>

というものを作成しましたが、これは main-cart-items.liquidというセクションのどこに貼り付ければ良いのでしょうか?


Junya77様

ご質問を確認いたしました。

「cart attributes」の配置ですが、ボタンを送信するフォームタグ内(~~で囲まれている部分)にコードを貼り付ければ良いかと存じます。

以下ページが参考になりますので、ご確認くださいませ。

https://im-sosleepy.com/webproduction/shopify-cart-attributes/#co-index-3

ご参考までに。

ご不明点がございましたら、ご連絡ください!

もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。

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

フルバランス 園畑