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アカウントはデフォルトではmyshopify.comのURLと関連付けられており、これはアカウント設定時に使用したビジネス名に基づいて作成されます。しかし、オ...
By Nina_13 Nov 26, 2023このトピックは英語版コミュニティの投稿:Shopify Web Pixel Manager Sandbox FAQの日本翻訳です。
By Mirai Nov 19, 2023Shopifyの管理画面では、商品ごとや配送元のロケーション(倉庫)ごとにカスタム配送料を設定することができます。特に購入金額による送料無料設定は、顧客の購買意欲を高める効果的な手...
By Alex06 Nov 5, 2023