Home > Shopify Tutorials > Edit the Code Templates for Password Page

How to Edit the Code Templates for Password Page on Shopify

Last updated: August 30, 2024
Written and researched by experts at AvadaLearn more about our methodology

By Sam Nguyen

CEO Avada Commerce

In this writing, you will be shown how to edit the code templates for your password page on Shopify on Desktop, iPhone, and Android. There are some situations that when you like to customize the functions which are not available in your theme settings, you can get the code of password page edited.

Related Posts:

How to edit the code templates for your password page

Step 1: Log in your Shopify admin.

Using your email and password to log in your Shopify admin.

how to edit the code templates for your password page

Step 2: Choose Online Store > Themes.

In the Sales channels section, choose Online Store > Themes.

how to edit the code templates for your password page

Step 3: Opt for Actions > Edit code.

Select the theme you want to get it updated. After that, click Actions > Edit code.

how to edit the code templates for your password page

Step 4: Go to password.liquid.

In the Layout section, you can opt for password.liquid.

how to edit the code templates for your password page

Step 5: Insert the Liquid tags.

As you can see from the password.liquid template, Liquid tags include these sections which can make up your password page. The theme may add the Liquid tags below:

  • {% section 'password-header' %}
  • {% section 'password-content' %}
  • {% section 'password-footer' %}

Step 6: Select files in Sections directory.

To change the content of these above-mentioned sections, you can go to one of the followings:

  • password-header.liquid
  • password-content.liquid
  • password-footer.liquid

Step 7: Edit code.

Edit the code under your requirement.

Step 8: Saving.

Don’t forget to click Save.

how to edit the code templates for your password page

To edit the code templates for your password page on iPhone (Click here)

  • Step 1: Log in your Shopify admin with your email and password.

  • Step 2: Touch Store at the bottom of the page.

  • Step 3: Touch Online Store. From the Sales channels section, go to Online Store.

    how to edit the code templates for your password page
  • Step 4: Select Manage themes.

    how to edit the code templates for your password page
  • Step 5: Choose Actions > Edit code. After finidng the themes you want to update, choose Actions > Edit code.

    how to edit the code templates for your password page
  • Step 6: Touch password.liquid from the Templates directory.

    how to edit the code templates for your password page
  • Step 7: Insert the Liquid tags. You can add the Liquid tags below to your theme:

    - {% section 'password-header' %}

    - {% section 'password-content' %}

    - {% section 'password-footer' %}

  • Step 8: In order to change your content of these above sections, touch one of the files below

    • password-header.liquid
    • password-content.liquid
    • password-footer.liquid

  • Step 9: Get your code edited to meet your needs.

  • Step 10: Touch Save to finish.

    how to edit the code templates for your password page

To edit the code templates for your password page on Android (Click here)

  • Step 1: Log in your Shopify admin.

  • Step 2: Tap Store from your Shopify admin.

  • Step 3: Tap Online Store from the Sales channels area.

  • Step 4: After choosing Manage themes, touch Action > Edit code.

  • Step 5: Touch password.liquid.

  • Step 6: Insert the following Liquid tags into your theme

    • {% section 'password-header' %}
    • {% section 'password-content' %}
    • {% section 'password-footer' %}

  • Step 7: Touch one of the files below to help modify your content from these above sections

    • password-header.liquid
    • password-content.liquid
    • password-footer.liquid

  • Step 8: Choose the code that you want to edit under your demand.

  • Step 9: Touch Save to complete your work.

The file named password.liquid from the Templates section is contained in the theme by the {{content_for_layout}} Liquid tags that can be found in the layout file of your password page. If you want to modify your password page layout, you can select password.liquid at the Layout directory.

Conclusion

We hope that those above-mentioned step on how to edit the code templates for your password page on Shopify are not so complicated to you. Don’t forget to help us share this article if you find it useful.


Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.

People also searched for