shopify-account コンポーネントが
Theme Store 必須要件に
2026年7月30日より、新規・更新テーマの申請にはヘッダーへの組み込みが必須
01この変更の概要
Shopifyは2026年2月にshopify-accountコンポーネントを導入し、2026年7月30日をもってTheme Store審査の必須要件として正式に定めました。これにより、新規テーマおよび既存テーマのアップデートを申請するすべての開発者は、ヘッダー内(デスクトップ・モバイル両方)にこのコンポーネントを組み込む必要があります。同時に、レガシー顧客アカウント機能は非推奨(deprecated)となり、関連するテンプレートファイルの同梱も不要となりました。
従来のLogin/Register画面とテンプレートファイル群。2026年7月30日付で非推奨化。テーマに含める必要がなくなった。
パスワードレスサインイン・Sign in with Shop・ソーシャルサインインをサポートする統合UIコンポーネント。ヘッダーへの配置が必須。
02Before / After:テーマ構成の変化
USE CASES03業務に活かせる具体ユースケース
- 課題
- 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)のままにしている実装は要件を満たさない可能性があるため注意
04技術者が押さえるべき5つのポイント
| # | ポイント | 詳細・注意点 |
|---|---|---|
| 1 | 必須要件の適用日 | 2026年7月30日より、Theme Storeへ新規申請・既存テーマ更新申請の両方に適用。それ以前に申請済みのテーマへの遡及適用については元記事に記載なし |
| 2 | 配置要件 | ヘッダー内に配置し、デスクトップ・モバイルの両方で表示されることが必須。片方のみ対応は要件を満たさない |
| 3 | サポートする認証方式 | パスワードレスサインイン・Sign in with Shopの自動認識・ソーシャルサインインプロバイダーに対応。詳細な設定方法は公式Developer Docsを参照 |
| 4 | レガシーアカウントテンプレートの扱い | レガシー顧客アカウントは非推奨化。customers/login.liquid等のレガシーテンプレートファイルはテーマへの同梱が不要になった(強制削除を求めているかは元記事に記載なし) |
| 5 | アカウントメニューからのページ遷移 | サインイン後、顧客はアカウントメニューからアカウントページへアクセスできる。ページ管理はShopify側が担うため、個別テンプレートの実装は不要 |
05shopify-account サインインフロー
「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日






Share:
コラボレーター申請にパートナー情報が自動表示
Functionsで顧客登録日を取得できるようになった