Customer Account Edit Page

Solved
Highlighted
Excursionist
18 3 3

Hi,

 

I want to create a customer account edit page similar to the `customer/addresses.liquid` and `customer/account.liquid` pages. I created a `customer/edit.liquid` file but when I navigate to `/account/edit` or `/edit` on the website it's not finding a page there.

What files would I need to edit for that URL to link to that file?

0 Likes
Highlighted
Excursionist
18 3 3

Does anyone know how to create a page that can be loaded on a URL and not throw a 404? :)

0 Likes
Highlighted
Shopify Partner
2294 116 353

I created a `customer/edit.liquid` file but when I navigate to `/account/edit` or `/edit` on the website it's not finding a page there

Not how shopify themes work, did you follow some documentation saying it would? please link if so.

Specific templates map to specific url endpoints, so adding an arbitrarily named file to a theme does not create a brand new custom endpoint.

The simplest you could do is make an alternate template and then create a redirect to it.

Review https://shopify.dev/tutorials/develop-theme-templates

 

For user inputs shopify themes have a very minmal surface area that is very purposeful is not likely to change.

So you can only use the prescribed fields exposed by the default liquid forms to make custom forms.

To allow in depth customer editing you will need an app.

 

note to self: file to urlviz

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes
Highlighted
Excursionist
18 3 3

This is an accepted solution.

I saw Advanced Customer Apps using that URL so I assumed it was possible. 🤷‍♂️

 

I decided to add my own Customer Account Edit functionality with React to the `/account` page and it works if I query my Node.js backend for the customer details. And I'll be able to allow the customer to edit their account details that way and then update the details in Shopify. So I found a way to make it work :) 

2 Likes
Highlighted
Shopify Partner
2294 116 353

Also see Proxy apps docs

 https://shopify.dev/tutorials/display-data-on-an-online-store-with-an-application-proxy-app-extensio...

And related topics in the forums

 https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=customer%20account%...

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes
Highlighted
Excursionist
18 3 3

As far as I know App Proxies only work in public apps, I can't use that.
I'm able to modify my own theme and I can add my own JS scripts as well so I have a working solution.

0 Likes
Highlighted
Shopify Partner
2294 116 353

As far as I know App Proxies only work in public apps, I can't use that.

Future readers:

https://www.shopify.com/partners/blog/shopify-public-apps

 

https://community.shopify.com/c/Shopify-APIs-SDKs/Working-solution-that-replaces-private-apps-url-pr...

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes