September 25, 2026 · Muhammad Umar · More by Muhammad Umar
Shopify's shopify-account Component Is Now Mandatory
Shopify now requires the shopify-account component in every Theme Store submission's header — here's how the component actually works.
The Requirement: A Hard Theme Store Gate
As of July 30, 2026, every new theme and every update to an existing theme submitted to the Shopify Theme Store must include the shopify-account component in its header, visible on both the desktop and mobile header. This isn't a style guideline — it's listed as a Theme Store feature requirement alongside things like accelerated checkout buttons and faceted search filtering: miss it, and a submission gets rejected. The same July 30 change also deprecated legacy customer accounts for themes, so theme developers are no longer required to ship legacy customer-account template files.
What the Component Actually Does
shopify-account shipped in February 2026 as a way to handle customer sign-in and account management without hand-building Liquid templates. It supports passwordless sign-in, automatic Sign in with Shop recognition, and social sign-in with Facebook and Google, and once a customer signs in they get an account navigation menu with customizable quick links. Shopify also pushes feature updates to the component automatically, without requiring a theme code change.
Wiring It Up
The minimal integration is one line, gated behind a check for customer accounts being enabled:
{% if shop.customer_accounts_enabled %}<shopify-account menu="customer-account-main-menu"></shopify-account>{% endif %}
Using the customer-account-main-menu handle keeps the component's links consistent with Shopify's native customer account pages — it already includes Orders and Profile. Shopify recommends exposing the menu as a theme setting so merchants can point it at a different menu if they want.
Styling Hooks — and Their Limits
The signed-out avatar is the one part of the component you can restyle or replace outright: use the shopify-account::part(signed-out-avatar) CSS part to adjust it, or the signed-out-avatar slot to swap in your own markup entirely. The signed-in avatar and the account sheet itself are controlled by the component and can only be adjusted through CSS custom properties, like --shopify-account-signed-in-avatar-size — Shopify keeps that experience consistent across shops by design, so don't expect to restructure it in Liquid.
For themes still carrying legacy customer-account templates, this is the point to drop them. The requirement applies to new and updated Theme Store submissions, not a retroactive migration of every live theme — but if you're touching the header anyway, this is the one requirement worth getting right the first time.