[Empire]コンタクトフォームの必須項目をメールアドレス以外にも設定したい

Topic summary

ユーザーがShopifyの有料テーマ「Empire」のコンタクトフォームで、メールアドレス以外の項目(名前、電話番号、メッセージ)も必須入力にしたいと質問しています。

現状:

  • デフォルトでは「名前」「メールアドレス」「電話番号」「メッセージ」の4項目が存在
  • メールアドレスのみが必須項目

課題:
フォームのコードを確認したものの、各inputタグにどのような内容を追記すれば他の項目も必須にできるか分からない状態です。

投稿にはフォーム部分のコード(一部が逆順で表示されている)が含まれており、技術的な知見を持つ方からのアドバイスを求めています。現時点で回答はまだ投稿されていません。

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.

表題について、有料テーマの[Empire]。コンタクトページのフォームに入っている項目で、

デフォルトでは"名前",“メールアドレス”,“電話番号”,"メッセージ"があり、この中でメールアドレスだけが入力必須項目になっているのですが、これを他の項目にも適応できる様にしたいです。

しかしコードを見ていても、どの内容を各inputタグに追記すれば良いのか分からなくなってしまいました。

以下少々長くなってしまいますが、フォーム部分のコードを記載させて頂きます。

勉強不足の手前申し訳ありませんが、知見のある方のご意見を伺いたく存じます。

<div class="contact-page-content">
  {% assign has_message = false %}

  {% if form.errors != blank %}
    {% assign has_message = true %}
    {% assign message_type = 'error' %}
  {% endif %}

  {% if form.posted_successfully? %}
    {% assign has_message = true %}
    {% assign message_type = 'success' %}
  {% endif %}

  {% if has_message %}
     <div class="contact-message message--{{ message_type }}">
        {% case message_type %}
          {% when 'success' %}
           <p>{{ 'contact.form.post_success' | t }}</p>
          {% when 'error' %}
           {{ form.errors | default_errors }}
          {% endcase %}
     </div>
  {% endif %}

 <div class="form-fields-columns">
    <div class="form-field form-field--half">
       {% assign value = '' %}
        {%- if form.name -%}
          {% assign value = form.name %}
           {%- elsif customer -%}
          {% assign value = customer.name %}
      {%- endif -%}

          <input
            class="form-field-input form-field-text {% if form.errors contains 'name' %}form-field-error{% endif %}"
            id="contact_name"
            name="contact[name]"
            type="text"
            value="{{ value }}">

          <label class="form-field-title" for="contact_name">
            {{ 'contact.form.name' | t }}
          </label>
        </div>

        <div class="form-field form-field--half">
          {% assign value = '' %}
          {%- if form.email -%}
            {% assign value = form.email %}
          {%- elsif customer -%}
            {% assign value = customer.email %}
          {%- endif -%}
          <input
            class="form-field-input form-field-text {% if form.errors contains 'email' %}form-field-error{% endif %}"
            id="contact_email"
            name="contact[email]"
            type="text"
            value="{{ value }}"
            autocorrect="off"
            autocapitalize="off">

          <label class="form-field-title" for="contact_email">
            {{ 'contact.form.email' | t }}
          </label>
        </div>
      </div>

      <div class="form-field">
        {% assign value = '' %}
        {%- if form.phone -%}
          {% assign value = form.phone %}
        {%- elsif customer -%}
          {% assign value = customer.phone %}
        {%- endif -%}

        <input
          class="form-field-input form-field-text {% if form.errors contains 'phone' %}form-field-error{% endif %}"
          id="contact_phone"
          name="contact[phone]"
          type="tel"
          value="{{ value }}">

        <label class="form-field-title" for="contact_phone">
          {{ 'contact.form.phone' | t }}
        </label>
      </div>

      <div class="form-field">
        {% assign value = '' %}

        {%- if form.body -%}
          {% assign value = form.body %}
        {%- endif -%}

        <textarea
          class="
            form-field-input
            form-field-textarea
            {% if form.errors contains 'body' %}
              form-field-error
            {% endif %}
          "
          id="contact_message"
          name="contact[message]"
        >
          {{- value -}}
        </textarea>

        <label class="form-field-title" for="contact_message">
          {{- 'contact.form.message' | t -}}
        </label>
      </div>

      <div class="form-action-row">
        <button class="button-primary contact-form-button" type="submit">
          {{ 'contact.form.send' | t }}
        </button>
      </div>
    </div>