会員ログイン画面にてアドレスとパスワードを押す画面にて、パスワード入力画面の【】の中に『パスワードをお忘れですか』という文字が出てきますが、
その文字の位置を【】の下部へ変更したいです。
その際に記入するタグと挿入場所を教えて欲しいです。
よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
画面から見て、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>
テーマのコード編集には、Shopify固有の知識のほかに、HTML、CSS、JavaScriptの基本知識が必要ですので、そちらをまず学ばれると効率よくカスタマイズできるかと思います。
CSSについては以下のブログにテーマ編集に必要な基礎情報をまとめておりますので、ご参照ください。
https://www.shopify.jp/blog/partner-css-beginner-guide
Debutの日本語設定では、「【】」という文字は見当たりませんが、どのテーマをお使いでしょうか?
【】はこれでなくて、
下記となります。わかり辛くてすみません。
よろしくお願い致します。
成功
画面から見て、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>
テーマのコード編集には、Shopify固有の知識のほかに、HTML、CSS、JavaScriptの基本知識が必要ですので、そちらをまず学ばれると効率よくカスタマイズできるかと思います。
CSSについては以下のブログにテーマ編集に必要な基礎情報をまとめておりますので、ご参照ください。
https://www.shopify.jp/blog/partner-css-beginner-guide
ご回答ありがとうございます。
Form Itemhelpを customers/account.liquidの中に見つけて削除したところ、パスワードをお忘れですか?という表記が変更になしました。
CSSも学んでいきたいと思います。ご丁寧にありがとうございます。
(