How to create custom account page

Extensions
1

Hi,

I am developing shopify website. i have 2 options - new customer accounts and legacy method. in new method all account related routes and data and functionality are handled by shopify with their domain not in the store domain. in legacy method we can control that by liquid file, we can access that in code.

i want to customize the accounts pages, order pages, and its functionalities. and i am insisted to work in new customer accounts. we can’t modify the accounts pages directly by liquid code, so i tried with customer ui extension, in that also some limitaions, scope issues, etc. it make more delay in time.
i think of a way, that we can create a new page that name with account, so something like pages/account. in that i can access to liquid file, in that i can customize the ui. now i have question that can i do that , can i get the orders and user data for that page in this new method?, can we access it other than shopify default domain for it?, do i get access to it to access the data?

2

Hi Sivakumar,

I’d recommend going the customer account extension route as this will allow you to query and display more info related to customers orders and information, and allows for more flexibility, if you want to build more functionality.

You mentioned you’re experiencing limitations and scope issues - can you describe these more?

3

Hi @Liam-Shopify ,
I have 2 queries.

  1. I am using new customer accounts, and i need to modify the UI by only customer UI extensions. So my doubt is, can i create a new page in theme (like i can create like pages/account page) and manage my accounts, orders, user profile, and its CRUD operations there in that new page. Can i do that, can i have access and functionalities in that page.

  2. I am currently working in the custom UI extension, of account page. I have create a new custom page using → “customer-account.page.render” block target. I have to implement that account page, because all my accounts and orders UI are going to render in this single page , as i have it in my UI design.
    When i run, it’ll generate unique id like " /account/pages/ef839180-df17-47f9-9d17-8d524770d7e5 " randomly. How can i set this random string to specific path name. So if i install this app, how can i set this url in my theme to redirect to this page.

These are my queries, kindly clear my doubts.