FROM CACHE - jp_header
解決済

Dawnのログインページ、新規アカウント作成ページを同一ページにして横並びにしたい(スマホでは縦)

B-UE
新規メンバー
5 0 0

Dawnのテーマを使用してます。

 

ログインページ(/account/login)、新規アカウント作成ページ(/account/register)を

同一ページにして、横並びで表示したいです。(スマホでは縦)

 

/account/login

の左側にログインフォーム、右側に新規会員登録フォーム

というイメージです、こちら技術的に可能であればご教示いただければと思います。

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1504 539 673

成功

B-UE様

質問拝見いたしました。

ログインページとアカウント作成ページを同じURLにすることはできませんが、
それぞれのページでログインフォーム、アカウント作成フォームを追加することは技術的には可能です。
その場合、コード編集が必要となります。

下記、コードの一例となります。
// ログインフォーム(アカウント作成フォーム) の部分には、Dawnテーマのそれぞれログインフォーム、アカウント作成フォームのコードを記載してください。

 

<div class="account-form-wrap">
  <div class="account-form-item">
    {%- form 'create_customer', novalidate: 'novalidate' -%}
      // ログインフォーム
    {%- endform -%}
  </div>
  <div class="account-form-item">
    {%- form 'create_customer', novalidate: 'novalidate' -%}
      // アカウント作成フォーム
    {%- endform -%}
  </div>
</div>

 

参考になれば幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。
株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1504 539 673

成功

B-UE様

質問拝見いたしました。

ログインページとアカウント作成ページを同じURLにすることはできませんが、
それぞれのページでログインフォーム、アカウント作成フォームを追加することは技術的には可能です。
その場合、コード編集が必要となります。

下記、コードの一例となります。
// ログインフォーム(アカウント作成フォーム) の部分には、Dawnテーマのそれぞれログインフォーム、アカウント作成フォームのコードを記載してください。

 

<div class="account-form-wrap">
  <div class="account-form-item">
    {%- form 'create_customer', novalidate: 'novalidate' -%}
      // ログインフォーム
    {%- endform -%}
  </div>
  <div class="account-form-item">
    {%- form 'create_customer', novalidate: 'novalidate' -%}
      // アカウント作成フォーム
    {%- endform -%}
  </div>
</div>

 

参考になれば幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。
株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
B-UE
新規メンバー
5 0 0

ご返信ありがとうございます。いただいたコード参考に適用してみます。