Add sections to customer pages

[tyleralsbury]

Describe the enhancement you'd like

Allow the customer templates to have sections added to them. The following templates would be affected:

• account.liquid
• addresses.liquid
• order.liquid
• login.liquid
• register.liquid

Along with the general benefits of having sections in more places, this would also allow merchants to add a custom Liquid section onto the page, which would allow for apps to be integrated onto those pages without the need for code edits. Some potential types of apps that would benefit from this include subscriptions as well as loyalty program apps.

Describe alternatives you've considered

The following templates could also be converted, but the value of having sections on them is much lower since they are much more action focused templates:

• activate_account.liquid
• reset_password.liquid

[camelmasa]

HI @tyleralsbury,

We are providing a Subscription App on Shopify App Store. I think this feature sounds good! UX is better for customers.

For now, We need to avoid showing a customer portal on the account page.

On developer docs,

Rendering sensitive information or exposing controls using Liquid isn't safe because untrusted JavaScript can read the information on the page or act on behalf of the customer. Liquid forms are also vulnerable to attacks such as CSRF.

Ref: https://shopify.dev/apps/subscriptions/customer-portal#liquid-code-in-the-shop-s-theme

Also,

You should not render the login link on the shop's storefront because untrusted JavaScript in themes and apps can read and steal information.

Ref: https://shopify.dev/apps/subscriptions/customer-portal#1-expose-an-action-to-send-an-email

If we can use the feature secure, We'd like to create a theme extension for the customer portal!

[tyleralsbury]

If we can use the feature secure, We'd like to create a theme extension for the customer portal!

Thanks for the comment, @camelmasa .

This proposal isn't really going to address those security concerns, unfortunately. It's simply to allow the option for app developers to use those sections to provide Liquid installation instructions without the need to edit theme files. Given the risks associated with doing this, we are still not recommending it until those can be addressed.

[gregjotau]

#654 duplicates this.

With regards to the login we need it to display extra information. Many customers do NOT understand they need to create an account.

So we added an ugly warning: https://fammesportswear.com/account/login

Which could more easily be made nicer with sections @tyleralsbury

[tyleralsbury]

#654 duplicates this.

With regards to the login we need it to display extra information. Many customers do NOT understand they need to create an account.

So we added an ugly warning: https://fammesportswear.com/account/login

Which could more easily be made nicer with sections @tyleralsbury

I've updated the issue to include login and register - that's a very good point. Thanks @gregjotau

[PaulvdDool]

I'd love to see this happen. I'm currently trying to convert the customer/account page myself but I'm not good at it and running into issues 😇
If my comment helps push the task up, great. If not, at least I'm subscribed on the issue.
👋

[PaulvdDool]

I've tried two other 2.0 themes that allow you to add app blocks to account pages but they have the same behaviour that I see when converting the customer/account page myself.
It renders default blocks just fine, but as soon as a custom block is added it won't render and all other added blocks disappear.
The custom app block renders just fine on other pages.
I'm starting to wonder if it's not a problem with the custom app block or how I converted the customer/account page but more a deeper problem.

Custom theme app extension
Dawn theme with customized account page

[PaulvdDool]

I've tried two other 2.0 themes that allow you to add app blocks to account pages but they have the same behaviour that I see when converting the customer/account page myself. It renders default blocks just fine, but as soon as a custom block is added it won't render and all other added blocks disappear. The custom app block renders just fine on other pages. I'm starting to wonder if it's not a problem with the custom app block or how I converted the customer/account page but more a deeper problem.

Custom theme app extension Dawn theme with customized account page

This was due to an issue in the Theme Editor and is since resolved.

Additionally, I've noticed that as of recently you get an issue in the code editor inside the Shopify Admin when you try to create an account template with JSON.
This makes me think Shopify might put restrictions on making account templates support sections and app extensions.