Liquid、JavaScriptなどに関する質問
「メール」のようにアスタリスクを挿入したいのですが、どのようにすればよいでしょうか?
テーマは「Dawn」を使用しています。
管理画面にログインして、「アクション」→「コードの編集」と進み、「セクション」フォルダ内の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>です。
なお、このやり方はアスタリスクを表示させているだけで、項目の入力を必須に変更したわけではありません。
入力を必須にする場合はより複雑なコードの編集が必要になるため、専門業者に依頼されることをオススメいたします。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025