ナビゲーション・レイアウト・デバイス間の一貫性を改善するビジュアルリフレッシュ。新レイアウト上で自分の Shopify Extensions を今すぐプレビュー＆テストできる。プレビュー期間は 2026 年 6 月 12 日まで。
ネイティブページがデスクトップとモバイルで同じ単一カラムに統一。ナビゲーションも簡素化される。
inline 拡張は従来より狭い幅で描画。full-page 拡張は狭いネイティブ準拠か、データ量重視の広い幅かを選べる。
order action 拡張がより見やすくなり、order summary 拡張はモバイルで「タップして表示」の裏に隠れなくなる。
ネイティブページ内に埋め込まれる inline 拡張は、これまでの広いレイアウトと比べて 狭いページ幅 でレンダリングされる。横幅前提のレイアウトを組んでいる場合は要確認。
フルページ拡張は、ネイティブページと揃う モバイルファーストの狭いレイアウト を採用するか、データ量の多いコンテンツ向けに 広いレイアウト へ拡張するかを選択できる。
| 拡張の種類 | 従来 | 新レイアウト |
|---|---|---|
| order action 拡張 | 埋もれがち | より目立つ 顧客が発見・利用しやすい |
| order summary 拡張 | モバイルでタップして表示 | タップ不要 隠れずに表示される |
現行のすべての拡張ターゲットは新デザインへマッピングされ、互換性が保たれる。ページごとの拡張ターゲットの対応はドキュメント（extension targets by page）で確認できる。
フィーチャープレビューは 2026 年 6 月 12 日まで利用可能。今テストしておけば、マーチャント向けに本リリースされる前に必要な調整を先行して進められる。
公式ドキュメントの案内に従ってフィーチャープレビューを開始する。
inline / full-page / 注文系拡張が新しい幅・配置で正しく表示されるか検証する。
Shopify community で質問・フィードバックを投稿できる。必要な調整を本公開前に洗い出す。
デスクトップ／モバイルが同一の単一カラムへ統一され、ナビゲーションも簡素化。レイアウトの前提（横並び等）に依存している実装は影響を受ける可能性がある。
従来の広いレイアウトより狭いページ幅で描画される。固定幅やワイド前提のUIは折返し・はみ出しが起きないかをプレビューで確認する。
ネイティブ準拠の narrow か、データ量の多いコンテンツ向けの wide かを選べる。表やダッシュボード系は wide、案内系は narrow と、コンテンツ特性で使い分ける。
order action がより目立ち、order summary はモバイルでタップの裏に隠れなくなる。露出増を見越して文言・CTA・情報量を再設計する余地がある。
現行のすべての拡張ターゲットは新レイアウトにマッピングされ、引き続きサポートされる。ただしプレビューは 2026/6/12 まで。マーチャント公開前に検証しておくことで、必要な調整を先行できる。GA 日・API/Webhook 仕様への言及は記事に 記載なし。