Password form position

Shopify Discussion

AI-generated summary

A user wants to modify their Shopify password/coming soon page by:

Main Goals:

  • Replace the existing email signup form with a password input form
  • Relocate the “Enter using password” link from the header to below the logo (center position)

Proposed Solutions:

Step 1 - Replace Email Form:

  • Navigate to Online Store > Themes > Edit Code
  • In /templates/password.liquid, remove the newsletter/email form
  • Replace with password form code using <form method="post" action="/password"> with password input field

Step 2 - Reposition Link:

  • Locate the “Enter using password” link in /templates/password.liquid or /sections/password-header.liquid
  • Cut from current header location
  • Paste below logo section with centered styling

Alternative Approaches:

  • One respondent suggests using ChatGPT for code assistance
  • Another offers direct collaborator access to implement changes (estimated 15-20 minutes)

The discussion remains open with multiple implementation paths available.

1

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!

Bad Motives (4000 x 4000 px).jpeg
Bad Motives (4000 x 4000 px).jpeg1546×2923 95 KB

2

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

3

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):

  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. Enter

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. Enter using password

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 section)

Paste it below your logo section, like:

Logo

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

4

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!