How can I customize the new customer account ?

[AndyHung]

I want to customize this page of shopify but I can't find it in my customize theme. How can I customize the new customer account ? Thank you so much

[VIEKIN]

Hi,

This is order details page, if you want customize for that page you can find to:

Admin -> Theme -> Customize Code -> templates -> customers -> order.liquid

[AndyHung]

Hi @VIEKIN ,

I cannot find this file. I use theme Dawn and that is NEW customer account page. 

[VIEKIN]

It's here

[AndyHung]

Hi @VIEKIN,

I find it in my theme, but not found. Do you know why I don't have it?

[Brett_Helium]

Hey @AndyHung,

Unfortunately when using Shopify's "new customer accounts", this page is actually not customizable at all.

The file you are looking for in your theme code is actually "main-order.liquid", however the code in this section will only apply when using classic accounts.

[AndyHung]

Hi @Brett_Helium,

Does any app can help me customize in new customer account page?

[Brett_Helium]

No. As far as I am aware, it is not currently possible at all to customize this page, even with code or with an app.

[michael-helium]

@Brett_Helium is correct. Shopify lists the limitations of new customer accounts here: https://help.shopify.com/en/manual/customers/customer-accounts

No Liquid customizations. No apps. See screenshot:

 

If you want to edit this page, or any other related pages, you need to revert to "classic" customer accounts. You can manage this setting here: https://admin.shopify.com/settings/customer_accounts

[VIEKIN]

Hey,

How are going?

If you wanna customize that page, you need understanding with code and theme structor,

If you don't you can ask to a developer to help. 

[AndyHung]

Hi @VIEKIN,

I can't find this file in theme code, do you have other solution for this?

[VIEKIN]

Hi,

If you need customize for order page, you must implement in code and into that file.

[michael-helium]

@VIEKIN - this page is not editable. 

New customer accounts have some key limitations, namely:

1. No Liquid customizations (no custom styling, no additional fields, etc.)
2. Does not work with apps
3. Does not support Multi-pass

See our blog post on this topic for more info: https://heliumdev.com/blog/new-customer-accounts-shopify-pros-and-cons

[theDMM]

I've reached out to their support about this as well. There are contradicting statements going on, including in Shopify's support articles.

I've attached two photos, 'Photo 1' shows the 'checkout branding' applies to new customer account pages while 'Photo 2' shows that the original statement is incorrect and that the new customer account login page is not customizable. Hopefully, the new customer account login page and dashboard will be customizable soon, but it's been over a year with this issue and no changes have been made.  

In conclusion, customization to the new customer account login page is not possible, nor to the new customer account dashboard page.

[michael-helium]

This is what we've found to be true as well

---

@theDMM wrote:

In conclusion, customization to the new customer account login page is not possible, nor to the new customer account dashboard page.

---

[theDMM]

At this point I've spent hours on this between discussing this issue with Shopify support representatives, Shopify support articles, in addition to both web & app developers to gain a full understanding of the issue. It's unfortunate that Shopify support first led me to believe that the page(s) are customizable, thus going down the rabbit hole doing my own research and wasting hours of my time only to find out customizations on these pages are really not possible. Hopefully Shopify will change this soon. 

[Brett_Helium]

Hey @theDMM!

I may be able to provide a bit of clarification here. The screenshots of Shopify's documentation are technically true, although a bit confusing, and the customization is definitely very limited.

Checkout branding does apply to the order history and account information pages as shown in your first screenshot from the changelog, but this seems to be only the specific settings for logo, button color, and accent color. As shown in the second screenshot, this specifically does not include the customizations for the background.

The second screenshot from the Shopify docs states that the customizations do not apply to the login page, which is true. The logo is the only thing that can be changed on the login page. 

[robertoandrade]

@AndyHung not sure if you ever got around to these limitations but a client recently reached out asking for something similar and we managed to find a way to customize it using a very creative solution I'm sure Shopify wouldn't approve or support, but it gets the job done. Feel free to reach out if you're still looking for a solution for it.

We considered reimplementing the new customer accounts look and feel into our classic customer account liquid theme but it seemed like much more work than the alternative.

[NoorulAmeen]

@robertoandrade it is great to know that you managed to customize it. Can you please let me know how did you manage to solve it? 

[deestore]

Hi,

I might be a tad too late, hope this entry benefits someone who is looking for a solution as well.
1) For customising the logo for new login page with branding, you will need to got from
Settings > Customers account and click "Customise" under "New customer" section and "Customise" again for the configurations to reach this page in theme

You should be able to add the logo and simple styling etc.

2) to custom the order page, seems like Shopify has hijacked the routing for /account/orders to the default new customer one.
Thus, you can add a new template and copy the code from the "main-account" liquid to this template.
Then create a new page and set the template to this new one created. Your new page will be something like "/pages/custom-account" which you can link your profile or menu to this page instead.

Not a full solution but at least some workaround if you should really need a custom look.