商品ページに必須の入力項目を付け加えたい

Topic summary

商品ページの入力フォームに必須項目を追加する方法についての質問です。

現状の問題点:

  • 入力フォームは表示され、注文にも反映されるが、必須入力として機能していない
  • required属性を追加したが、カートに追加できてしまう
  • ID入力欄(例:@taro1234)を必須にしたい

提案された解決策:

  • 入力フォームに文字が入力されるまで、カートボタンを非活性化する方法
  • 参考リンクとして、フルバランスの記事が提示された

ステータス:
質問は投稿されたばかりで、具体的な実装方法や解決には至っていない段階です。

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

初めて質問をさせていただきます。

IDを入力(例:@taro1234)

このようなHTMLをmain-product.liquidに追加しました。

入力フォームは出現し、注文にも反映されるのですが、商材の特性上【必須】の入力項目にしたいです。

しかし、必須にするためのrequiredを入力したつもりなのですが、入力せずともカートに追加等ができてしまいます。

このような場合にどうすればいいのかご教示いただけないでしょうか??

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

大阪の侍さま

ご質問を確認しました。

入力フォームに文字入力が起こるまで、カートボタンを非活性化にする方法はいかがでしょうか?

https://web-camp.io/magazine/archives/103303

ご参考までに。

フルバランス 園畑