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

解決済
ようこ
観光客
23 0 0

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

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

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

 

0 件の「いいね!」
junichiokamura
Community Manager
Community Manager
1013 234 383

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

Technical Partner Manager, Japan
0 件の「いいね!」
ようこ
観光客
23 0 0

【】はこれでなくて、

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

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

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

0 件の「いいね!」
junichiokamura
Community Manager
Community Manager
1013 234 383

成功

画面から見て、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

 

Technical Partner Manager, Japan
0 件の「いいね!」
ようこ
観光客
23 0 0

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

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

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

 

0 件の「いいね!」