Liquid、JavaScriptなどに関する質問
現在、Prestigeのテーマを使っています。
アカウントの新規登録のページで、「名」と「姓」を上下、逆にしたいのですが、どのようにすればよろしいでしょうか。
お手数をおかけしますが、お力お貸しください。
よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
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. 保存する
テーマが違うので一部異なっている可能性がありますが、ご確認を宜しくお願いします。
成功
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. 保存する
テーマが違うので一部異なっている可能性がありますが、ご確認を宜しくお願いします。
ご教授ありがとうございます。
下記のように 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 -%}
改めて、コード編集したら逆にできました。
ありがとうございます。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024