FROM CACHE - jp_header

お問い合わせフォームに必須項目(アスタリスク)を入れる方法

toshiii13
Shopify Partner
1 0 0

FireShot Capture 798 - Toshiki Shindoのポートフォリオサイト – TOSHIKI's Portfolio_ - toshiki-portfoio.myshopify.com.png「メール」のようにアスタリスクを挿入したいのですが、どのようにすればよいでしょうか?

テーマは「Dawn」を使用しています。

1件の返信1

株式会社ナレッジサービス
Shopify Partner
43 17 22

管理画面にログインして、「アクション」→「コードの編集」と進み、「セクション」フォルダ内のcontact-form.liquidファイルを選択してください。

 

アスタリスクを挿入したい項目の</label>の直前に以下のコードを挿入します。

<span aria-hidden="true">*</span>

 

例えば、名前にアスタリスクを挿入するなら、

<label class="field__label" for="ContactForm-name">{{ 'templates.contact.form.name' | t }}</label>

上記のコードを探して、下記のように変更します↓

<label class="field__label" for="ContactForm-name">{{ 'templates.contact.form.name' | t }} <span aria-hidden="true">*</span></label>

 

ちなみに、電話番号は

<label class="field__label" for="ContactForm-phone">{{ 'templates.contact.form.phone' | t }}</label>

コメントは

<label class="form__label field__label" for="ContactForm-body">{{ 'templates.contact.form.comment' | t }}</label>

上記が該当の<label>です。

 

なお、このやり方はアスタリスクを表示させているだけで、項目の入力を必須に変更したわけではありません。

 

入力を必須にする場合はより複雑なコードの編集が必要になるため、専門業者に依頼されることをオススメいたします。