アカウント新規登録のカスタマイズ

[masa4]

現在、Prestigeのテーマを使っています。

アカウントの新規登録のページで、「名」と「姓」を上下、逆にしたいのですが、どのようにすればよろしいでしょうか。

お手数をおかけしますが、お力お貸しください。
よろしくお願いいたします。

[KOICHI_KAMIZURU · Accepted solution]

Prestigeのテーマを所持しておりませんのでDebutテーマを例に、以下のように実現可能です。

1. テーマのコード編集画面で以下のliquidファイルを検索

customers/register

2. ファイル内のFirstNameとLastNameを入れ替える

          <label for="{{ formId }}-FirstName">{{ 'customer.register.first_name' | t }}</label>
          <input type="text" name="customer[first_name]" id="{{ formId }}-FirstName" {% if form.first_name %}value="{{ form.first_name }}"{% endif %} autocomplete="given-name">

          <label for="{{ formId }}-LastName">{{ 'customer.register.last_name' | t }}</label>
          <input type="text" name="customer[last_name]" id="{{ formId }}-LastName" {% if form.last_name %}value="{{ form.last_name }}"{% endif %} autocomplete="family-name">

↓

          <label for="{{ formId }}-LastName">{{ 'customer.register.last_name' | t }}</label>
          <input type="text" name="customer[last_name]" id="{{ formId }}-LastName" {% if form.last_name %}value="{{ form.last_name }}"{% endif %} autocomplete="family-name">
        
          <label for="{{ formId }}-FirstName">{{ 'customer.register.first_name' | t }}</label>
          <input type="text" name="customer[first_name]" id="{{ formId }}-FirstName" {% if form.first_name %}value="{{ form.first_name }}"{% endif %} autocomplete="given-name">

3. 保存する

テーマが違うので一部異なっている可能性がありますが、ご確認を宜しくお願いします。

[masa4]

ご教授ありがとうございます。

下記のように first name と last name を逆にしたのですが、フォームはそのままでした。
やる方法が間違っているのでしょうか。。

よろしくお願いいたします。

{%- if request.locale.iso_code == 'ja' -%}
          <div class="Form__Item">
            <input type="text" class="Form__Input" name="customer[last_name]" aria-label="{{ 'customer.register.last_name' | t }}" placeholder="{{ 'customer.register.last_name' | t }}" autofocus>
            <label class="Form__FloatingLabel">{{ 'customer.register.last_name' | t }}</label>
          </div>

          <div class="Form__Item">
            <input type="text" class="Form__Input" name="customer[first_name]" aria-label="{{ 'customer.register.first_name' | t }}" placeholder="{{ 'customer.register.first_name' | t }}">
            <label class="Form__FloatingLabel">{{ 'customer.register.first_name' | t }}</label>
          </div>
        {%- else -%}

          <div class="Form__Item">
            <input type="text" class="Form__Input" name="customer[last_name]" aria-label="{{ 'customer.register.last_name' | t }}" placeholder="{{ 'customer.register.last_name' | t }}" autofocus>
            <label class="Form__FloatingLabel">{{ 'customer.register.last_name' | t }}</label>
          </div>

          <div class="Form__Item">
            <input type="text" class="Form__Input" name="customer[first_name]" aria-label="{{ 'customer.register.first_name' | t }}" placeholder="{{ 'customer.register.first_name' | t }}">
            <label class="Form__FloatingLabel">{{ 'customer.register.first_name' | t }}</label>
          </div>
        {%- endif -%}

[_osamu_iwasaki_]

逆になってないです

[masa4]

改めて、コード編集したら逆にできました。
ありがとうございます。