THEME STORE

shopify-account コンポーネントが
Theme Store 必須要件に

2026年7月30日より、新規・更新テーマの申請にはヘッダーへの組み込みが必須

LEGACY ACCOUNTLoginRegisterDEPRECATED旧レガシーアカウントshopify-accountSign in with ShopPasswordlessSocial LoginREQUIRED FROM 2026.07.30新カスタマーアカウント
OVERVIEW

01この変更の概要

Shopifyは2026年2月にshopify-accountコンポーネントを導入し、2026年7月30日をもってTheme Store審査の必須要件として正式に定めました。これにより、新規テーマおよび既存テーマのアップデートを申請するすべての開発者は、ヘッダー内(デスクトップ・モバイル両方)にこのコンポーネントを組み込む必要があります。同時に、レガシー顧客アカウント機能は非推奨(deprecated)となり、関連するテンプレートファイルの同梱も不要となりました。

DEPRECATEDレガシー顧客アカウント

従来のLogin/Register画面とテンプレートファイル群。2026年7月30日付で非推奨化。テーマに含める必要がなくなった。

REQUIREDshopify-accountコンポーネント

パスワードレスサインイン・Sign in with Shop・ソーシャルサインインをサポートする統合UIコンポーネント。ヘッダーへの配置が必須。

DIAGRAM

02Before / After:テーマ構成の変化

BEFOREheader.liquid(独自ログインリンク)customers/login.liquidcustomers/register.liquidcustomers/account.liquidcustomers/order.liquidパスワード必須 / テンプレート多数管理デバイス差異あり / サインイン体験がバラバラレガシーテンプレートが必要AFTERheader.liquid<shopify-account> を配置(必須)shopify-accountPasswordless / Sign in with Shop / Socialパスワードレス対応 / 自動Shop認識デスクトップ・モバイル両対応 / 体験統一レガシーテンプレート不要USE CASES

03業務に活かせる具体ユースケース

課題
Theme Storeで販売中の既存テーマにshopify-accountが未実装で、次回アップデート申請が審査を通過しない懸念がある
打ち手
ヘッダーのsectionファイルを修正し、既存のログインリンクを<shopify-account>カスタム要素に置き換える。デスクトップ用ナビとモバイルドロワー両方に配置することを忘れずに確認する
効果
審査要件をクリアしつつ、購入者にパスワードレスサインイン・Sign in with Shop・ソーシャルログインの選択肢を提供でき、サインイン離脱率の低下が期待できる
技術メモ
公式Developer Docsのshopify-accountコンポーネントリファレンスで必須属性・任意属性を確認すること。配置箇所はTheme Store要件のFeaturesページにも記載あり
課題
カスタムテーマを社内で管理しているEC事業者が、レガシーアカウントのcustomers/login.liquid等を独自カスタマイズしており、今後の保守コストが増大している
打ち手
shopify-accountコンポーネントへ移行し、レガシーテンプレートファイルを段階的に削除する。アカウント関連ページのルーティングはShopify側が管理するため、独自テンプレートのメンテが不要になる
効果
テンプレートファイル数が削減されてテーマのコード量が減り、長期的な保守コストを抑えられる。Shopify本体のアカウント機能アップデートも自動で享受できる
技術メモ
レガシーアカウントは非推奨(deprecated)。元記事時点での廃止日は明記されていないため、Shopifyの公式アナウンスを継続モニタリング推奨
課題
新規にTheme Storeへ出品するテーマを開発しているエージェンシーが、モバイルとデスクトップで一貫したサインイン体験をどう設計するか迷っている
打ち手
ヘッダーコンポーネントの設計段階からshopify-accountを前提に組み込み、レスポンシブCSSでデスクトップナビバーとモバイルハンバーガーメニュー両方に表示されるよう設計する
効果
Theme Store審査要件を初期設計で満たせるため手戻りがなく、デバイス差異のない統一されたサインイン体験をエンドユーザーに提供できる
技術メモ
「visible on both desktop and mobile」が要件。非表示(display:none)のままにしている実装は要件を満たさない可能性があるため注意
DEV NOTES

04技術者が押さえるべき5つのポイント

# ポイント 詳細・注意点
1 必須要件の適用日 2026年7月30日より、Theme Storeへ新規申請・既存テーマ更新申請の両方に適用。それ以前に申請済みのテーマへの遡及適用については元記事に記載なし
2 配置要件 ヘッダー内に配置し、デスクトップ・モバイルの両方で表示されることが必須。片方のみ対応は要件を満たさない
3 サポートする認証方式 パスワードレスサインイン・Sign in with Shopの自動認識・ソーシャルサインインプロバイダーに対応。詳細な設定方法は公式Developer Docsを参照
4 レガシーアカウントテンプレートの扱い レガシー顧客アカウントは非推奨化。customers/login.liquid等のレガシーテンプレートファイルはテーマへの同梱が不要になった(強制削除を求めているかは元記事に記載なし)
5 アカウントメニューからのページ遷移 サインイン後、顧客はアカウントメニューからアカウントページへアクセスできる。ページ管理はShopify側が担うため、個別テンプレートの実装は不要
FLOW

05shopify-account サインインフロー

顧客ヘッダーをクリックshopify-accountSign in with Shop 自動認識Passwordless / SocialSign in with Shop自動認識PasswordlessメールOTP等Social Login各プロバイダーサインイン完了アカウントメニューへ破線:オプション経路 実線:主フロー

「shopify-accountコンポーネントをヘッダーに組み込むことで、Theme Store審査要件を満たしつつ、パスワードレス・Sign in with Shop・ソーシャルログインに対応した最新のサインイン体験を顧客に提供できます。」

Source: https://shopify.dev/changelog/the-shopify-account-component-for-customer-accounts-is-now-a-theme-store-requirement | 公開日: 2026年7月30日