FROM CACHE - jp_header
解決済

ログインする画面にて『パスワードをお忘れですか』という文字位置を変更したい

ようこ
観光客
23 0 0

会員ログイン画面にてアドレスとパスワードを押す画面にて、パスワード入力画面の【】の中に『パスワードをお忘れですか』という文字が出てきますが、
その文字の位置を【】の下部へ変更したいです。

その際に記入するタグと挿入場所を教えて欲しいです。

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

 

1 件の受理された解決策
junichiokamura
Community Manager
1200 280 506

成功

画面から見て、Prestageだと思いますので(テーマのコードについての質問は必ずどのテーマを使われているか共有された方が良いと思います。テーマによって修正箇所やコードが異なるので)、その前提でお話しすると、customers/register.liquid 内の

<button type="button" class="Form__ItemHelp Link Link--primary" data-action="toggle-recover-form">{{ 'customer.login.forgot' | t }}</button>

から、"Form_Itemhelp" というクラスを削除すれば入力フィールドの下に表示されます。 (このクラスに対応するCSSが、意図的に本来入力欄の下にあるボタンを中に入れ込んでいると思われます)

<button type="button" class="Link Link--primary" data-action="toggle-recover-form">{{ 'customer.login.forgot' | t }}</button>

 

Screen Shot 2020-10-02 at 2.16.41 AM.png

テーマのコード編集には、Shopify固有の知識のほかに、HTML、CSS、JavaScriptの基本知識が必要ですので、そちらをまず学ばれると効率よくカスタマイズできるかと思います。

CSSについては以下のブログにテーマ編集に必要な基礎情報をまとめておりますので、ご参照ください。

https://www.shopify.jp/blog/partner-css-beginner-guide

 

Senior Partner Solutions Engineer

元の投稿で解決策を見る

4件の返信4

junichiokamura
Community Manager
1200 280 506

Debutの日本語設定では、「【】」という文字は見当たりませんが、どのテーマをお使いでしょうか?

Senior Partner Solutions Engineer
ようこ
観光客
23 0 0

【】はこれでなくて、

下記となります。わかり辛くてすみません。

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

EC3834B0-1193-4CF4-A04D-6A3607A9A704.png

junichiokamura
Community Manager
1200 280 506

成功

画面から見て、Prestageだと思いますので(テーマのコードについての質問は必ずどのテーマを使われているか共有された方が良いと思います。テーマによって修正箇所やコードが異なるので)、その前提でお話しすると、customers/register.liquid 内の

<button type="button" class="Form__ItemHelp Link Link--primary" data-action="toggle-recover-form">{{ 'customer.login.forgot' | t }}</button>

から、"Form_Itemhelp" というクラスを削除すれば入力フィールドの下に表示されます。 (このクラスに対応するCSSが、意図的に本来入力欄の下にあるボタンを中に入れ込んでいると思われます)

<button type="button" class="Link Link--primary" data-action="toggle-recover-form">{{ 'customer.login.forgot' | t }}</button>

 

Screen Shot 2020-10-02 at 2.16.41 AM.png

テーマのコード編集には、Shopify固有の知識のほかに、HTML、CSS、JavaScriptの基本知識が必要ですので、そちらをまず学ばれると効率よくカスタマイズできるかと思います。

CSSについては以下のブログにテーマ編集に必要な基礎情報をまとめておりますので、ご参照ください。

https://www.shopify.jp/blog/partner-css-beginner-guide

 

Senior Partner Solutions Engineer
ようこ
観光客
23 0 0

ご回答ありがとうございます。

Form Itemhelpを customers/account.liquidの中に見つけて削除したところ、パスワードをお忘れですか?という表記が変更になしました。

CSSも学んでいきたいと思います。ご丁寧にありがとうございます。