Password form position

[Mrlowprofile]

Hello, I am wanting to move the “enter using password” position as shown below. Instead of an email form I want it to be a password form if possible. Any help is appreciated!

[usmanimar]

you cna change this by going code. use chatgpt for code

[Vi-WizzCommerce]

Hello @Mrlowprofile !

Absolutely! You're on the Shopify password (coming soon) page, and you'd like to:

1. Replace the email form with the password input form

2. Move the “Enter using password” link (currently in the header) to under your logo (center of the page)

STEP 1: Replace Email Form With Password Form

This involves editing the password page template.

Go to:

Online Store > Themes > Actions > Edit Code

1. Open:

   1. /templates/password.liquid
2. Find and remove or comment out the form for the newsletter/email (it will look like this):
   1. <form method="post" action="/contact#contact_form" ...>
      <!-- Email field and submit button -->
      </form>
3. Replace it with the password form (normally found near the top of the page or in a snippet). You can add this snippet instead:
   1. <form method="post" action="/password">
      <input type="password" name="password" id="Password" placeholder="Enter password" class="input" required>
      <button type="submit" class="btn">Enter</button>
      </form>

STEP 2: Move “Enter using password” Link Under Logo

If you're using the default Shopify password page, that "Enter using password" link is typically rendered by this snippet:

1. <a href="#LoginModal" class="text-link">Enter using password</a>

To move it:

1. Search for the link code in:

   1. /templates/password.liquid
2. or
   1. /sections/password-header.liquid

Cut it from its current location (in the <header> section)

Paste it below your logo section, like:

<div class="password-page__logo">
<img src="{{ 'your-logo.png' | asset_url }}" alt="Logo">
</div>

<div class="password-page__enter-link" style="text-align:center; margin-top: 20px;">
<a href="#LoginModal" class="text-link">Enter using password</a>
</div>

If this reply was useful to you, we would really appreciate it if you gave us a LIKE and mark the issue as SOLVED!

[Darshan17]

Hey there,

To add the "Enter using password" option, please provide collaborator access so I can make the necessary code changes.

It should take around 15–20 minutes to complete.

Thanks!