Dawnを使用しています。
お問い合わせ・アカウント作成ページの項目を必須で追加したいのですが、
項目を増やしたり、セレクト、ラジオ、オプションなど
デフォルトの必須項目のようにエラーだとコンファーム時にエラーを出したりできますでしょうか?
どなた様か、ご回答いただけないでしょうか?
Dawnを使用しています。
お問い合わせ・アカウント作成ページの項目を必須で追加したいのですが、
項目を増やしたり、セレクト、ラジオ、オプションなど
デフォルトの必須項目のようにエラーだとコンファーム時にエラーを出したりできますでしょうか?
どなた様か、ご回答いただけないでしょうか?
以下URLに記載されておりますので参照してください。
アカウント作成ページ
https://shopify.dev/themes/customer-engagement/additional-customer-information
name="customer[note][○○○○]"
コンタクトページ
https://shopify.dev/themes/customer-engagement/add-contact-form
name="contact[○○○○]"
アカウントページで追加した項目は追加メモとして保存されます。
アカウント項目が増やせるわけではありませんのでご注意下さい。
いずれ顧客情報のメタフィールドが開放されるようなので、その際はまた違った方法になるのかもしれません。
リンクありがとうございます。
拝見させていただきましたが、私にはよく分からずで・・・。
できましたら、お手間ですが
セレクト、ラジオ、チェックボックス、テキストエリア
などの必須で且つエラーの出るコードのサンプルなどご教授いただけないでしょうか?
スキルによってどこから説明していいのかわかりかねますので、とりあえず各フォーム説明のリンク貼っておきますね。
セレクト
https://developer.mozilla.org/ja/docs/Web/HTML/Element/select
ラジオ
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/radio
チェックボックス
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/checkbox
テキストエリア
https://developer.mozilla.org/ja/docs/Web/HTML/Element/textarea
各フォームのname属性に対し、アカウント作成ページの場合は「name=“customer[note][○○○○]”」、コンタクトページの場合は「name=“contact[○○○○]”」と、○○○○をそれぞれ指定すれば、Shopify用のフォームになります。
また、各タグに「required」属性を付けることで必須項目になりますが、チェックボックスに関してはちょっと難しいです。
フォームを設置したらCSSで調整も必要です。
ご教授、ありがとうございます。
一度トライしてみます!