商品情報にスキップ
1 1
公開日:2024.09.23

Shopifyのテーマ「Rise/Dawn」のお問い合わせフォームに「プルダウン」「ラジオボタン」「チェックボックス」の項目を追加する設定例

Shopifyのテーマ「Rise/Dawn」のお問い合わせフォームに「プルダウン」「ラジオボタン」「チェックボックス」の項目を追加する設定例

用途

  • お問い合わせフォーム編集

実装方法

  • HTML/CSS
  • Javascript
詳細を表示する

Shopifyのお問い合わせフォームに「プルダウン」「ラジオボタン」「チェックボックス」の独自項目を追加する場合の設定例です。チェックボックスについてはHTML要素を追加するだけでは送信できないためjavascriptを併用する必要があります。


Shopifyのテーマ「Rise/Dawn」のお問い合わせフォームに「プルダウン」「ラジオボタン」「チェックボックス」の項目を追加する設定例


【(テーマRise/Dawnの場合)設定方法①】sections/contact-form.liquidに項目を追加するコード(フォーム部分)を挿入


【(テーマRise/Dawnの場合)設定方法】sections/contact-form.liquidに「プルダウン」「ラジオボタン」「チェックボックス」の見た目を調整するcssを追加


【参考】送信されてくるメール本文


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

sections/contact-form.liquidに項目を追加するコード(フォーム部分)を挿入

関連ポスト