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のチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024