Shopify Theme Storeでは、Horizonのバージョン4.1.4が2026年8月10日公開と表示されています。公式テーマページの更新日が新しいからといって、正式テーマを直接置き換えるのは危険です。Shopify Horizon テーマ移行 2026では、草稿テーマを旧テーマと並行して検証し、担当者別の確認と切り戻し条件を満たしてから公開してください。
最初の時間表
| 時期 | 実施すること | 公開判断 |
|---|---|---|
| 今週前半 | 現行テーマ、自作コード、主要テンプレート、繁忙期を棚卸し | 移行範囲を確定 |
| 今週中盤 | 草稿テーマで商品、集合、検索、各市場、アプリを確認 | 欠落箇所を担当者へ割り当て |
| 公開前 | Safariで閲覧からカートまで再現し、証拠を保存 | 未解決の阻断問題があれば停止 |
| 公開直後 | 主要入口と購入導線を再確認 | 問題時は旧テーマへ戻す |
今週の推奨アクションは、Horizonを追加する前に現行テーマを複製し、必須ページと購入経路を1枚の確認表にすることです。
この内容は、旧テーマまたはOnline Store 2.0テーマから移行する店主、商品情報と多言語ページを管理する運用担当者、アプリ設定を受け持つ協力会社向けです。米国購入者の表示とSafariの操作を確認し、公開責任を負うプロジェクト担当者にも適しています。
Shopify Horizon テーマ移行 2026は「新規追加」と「既存更新」を分けて判断する
Horizonシリーズは、テーマブロックを扱う新しいテーマアーキテクチャとして公式資料に記載されています。ただし、新しい構造だからといって、既存のカスタムコード、テンプレート、アプリ機能が完全に引き継がれるとは限りません。Shopifyのテーマ更新手順でも、更新前にカスタマイズやアプリの影響を確認する流れが示されています。
まず、既存テーマを更新する場合と、Horizonを新しい草稿テーマとして追加する場合を分けます。判断を曖昧にすると、見た目の変更とデータ移行の問題が同時に発生し、原因を特定しにくくなります。
| 比較項目 | 既存テーマの更新 | Horizonを草稿として追加 |
|---|---|---|
| 現行ページの連続性 | 保ちやすいが、変更箇所の確認が必要 | テンプレートの再割り当てが必要 |
| カスタムコード | 更新で影響を受ける可能性 | 必要なコードを選別して再配置 |
| アプリ連携 | 既存位置が変わる場合がある | アプリブロックと埋め込みを個別確認 |
| 切り戻し | 更新前の状態を保存して判断 | 現行正式テーマを残して比較 |
| 向いているケース | 軽微な更新と既存構成の維持 | 構造やブランド表現を見直す移行 |
旧テーマからの移行に価値があるかは、Horizonの新機能だけで決めないでください。現行テーマに複雑な自作コードが少なく、ページ構造を整理でき、アプリ提供元が対応を確認しているなら候補になります。反対に、繁忙期直前で検証時間がなく、購入経路や顧客アカウントに未確認の変更が残るなら、公開を延期する方が安全です。
第一段階：店主と運用担当者が移行範囲を固定する
店主は、トップページだけでなく、商品ページ、コレクション、検索結果、コンテンツページ、カート、顧客アカウント入口を必須ページに指定します。現在の正式テーマ名とバージョン、自作コード、外部スクリプト、重要なテンプレートを記録し、繁忙期の直前に大きな変更を重ねない計画にします。
次に、ブランドと市場設定を草稿テーマで再確認します。色、フォント、文言、ナビゲーション、動的ソース、画像、バナーが見た目だけでなく各テンプレートに正しく割り当てられているかを確認してください。
| 確認対象 | 草稿テーマで見る場所 | 完了条件 |
|---|---|---|
| トップページ | テーマエディター | 主要導線とブランド要素が表示される |
| 商品ページ | 商品テンプレートと動的ソース | 画像、価格、バリエーション、説明が揃う |
| コレクション | コレクションテンプレート | 絞り込みと商品表示を確認できる |
| 検索 | 検索結果テンプレート | 検索結果と空結果の表示を確認できる |
| コンテンツページ | 固定ページ、ブログ | 見出し、画像、リンクが欠落しない |
| カート | カートページまたはドロワー | 数量変更からチェックアウト前まで進める |
テーマエディターのプレビューは、Shopify公式の市場プレビュー説明に沿って使います。ただし、エディターで表示できたことは、実際の購入者側で全機能が動く証拠ではありません。
「更換 Shopify テーマ後に何を再設定するか」という観点では、テーマ固有の色やフォントだけでなく、テンプレート割り当て、メニュー、動的ソース、言語別文言、マーケット別表示を一覧化する必要があります。脱敏した画面キャプチャには、ページURL、選択した市場、確認日、担当者を添えておくと再確認しやすくなります。
第二段階：アプリブロックは「インストール済み」と「表示済み」を分ける
Horizonへアプリを接続するときは、アプリ一覧を次の4種類に分けます。
- アプリブロック
- アプリ埋め込み
- テーマ内の自作コード
- 外部スクリプトやタグ管理経由の機能
アプリが管理画面にインストールされていても、草稿テーマの該当位置に表示されるとは限りません。Shopifyのアプリ埋め込みとテーマブロックの説明およびApp blocksの開発者向け資料を確認し、配置できるテンプレートと条件を照合します。
コメント、定期購入、検索・絞り込み、チャット、レビュー、マーケティング用ポップアップを、実際のページで1件ずつ確認します。表示されない場合は、テーマの問題と決めつけず、アプリ提供元へ対応状況を確認してください。未対応のまま正式環境のコードを推測で変更するより、旧テーマを維持して代替案を決める方が復旧しやすくなります。
Horizonのアプリブロックが表示されない場合の切り分け
- 草稿テーマでアプリ埋め込みが有効か確認します。
- 対象テンプレートにアプリブロックを追加できるか確認します。
- 市場、言語、商品条件による非表示設定を確認します。
- ブラウザーのコンソールと画面表示を同じURLで比較します。
- アプリ提供元へ、テーマ名、テンプレート、再現手順を送ります。
- 公開期限までに解決しなければ、機能を保留するか旧テーマを継続します。
注意：アプリの個別障害や利用者の報告は、Horizon全体の互換性を示す公式結論ではありません。再現条件と担当者を残し、確認できた事実だけを公開判断に使ってください。
第三段階：各市場の表示は固定条件で比較する
Shopify Horizonを米国向けに確認するときは、商品、言語、国、ブラウザーのセッション、入口URLを固定します。市場を切り替えるたびに条件が変わると、ドメイン、文言、通貨、商品表示、国選択の差を正しく追えません。
「Shopify草稿テーマで米国市場ページをテストする」場合、管理画面のプレビューと購入者側の表示を分けて記録します。米国市場では、米国向けドメイン、英語文言、通貨表示、対象商品の公開状態、配送案内、地域選択が意図どおりかを確認し、他国市場でも同じ表を使って比較します。
| 市場確認 | 記録する条件 | 見落としやすい点 |
|---|---|---|
| 米国 | 国、言語、商品、入口URL | ドメイン、通貨、商品可視性 |
| その他の市場 | 国、言語、商品、入口URL | 翻訳、価格表示、地域別バナー |
| 共通項目 | 同一草稿テーマと確認日 | キャッシュやログイン状態の差 |
米国購入者側の再現が必要で、手元に適切な環境がない場合は、VMSPINの海外Mac環境を短期検証の候補として比較できます。海外ノードは表示確認のための環境であり、Shopifyの地域条件や審査を回避するための手段として扱わないでください。
第四段階：Safariはレスポンシブ表示ではなく購入導線で受け入れる
Safariの確認では、トップページの見た目だけで合否を出しません。ナビゲーション、商品バリエーション、検索、カートドロワー、顧客アカウント入口、チェックアウト前の操作を、実際のMac Safariで再現します。
Shopifyの管理画面が対応するブラウザーの範囲は、Shopify公式の対応ブラウザー情報で確認してください。デスクトップSafari、レスポンシブデザインモード、iPhoneなどの実機は証拠の範囲が異なります。モバイル固有の操作を受け入れるなら、実機でも再確認が必要です。
Shopify新テーマ公開前のSafariカート確認
- Safariの新しいセッションを用意し、固定した入口URLを開きます。
- 市場、言語、商品ページを確認し、バリエーションを選択します。
- カートへ追加し、数量変更、削除、再追加を実行します。
- カートドロワーを閉じて再度開き、表示状態と合計表示を確認します。
- 顧客アカウント入口からログイン前後の導線を確認します。
- チェックアウト開始前まで進み、リンク、ボタン、エラー表示を記録します。
- 旧正式テーマでも同じ条件を実施し、差分を保存します。
レイアウト崩れやクリック不能が起きた場合は、SafariのWeb Inspectorでコンソール、ネットワーク要求、要素の状態を保存します。AppleのWeb Inspector公式資料を参照し、再現URL、操作順、発生時刻、画面キャプチャを1つの記録にまとめます。iOSのページを調べる場合は、AppleのiOS向け検証手順も確認します。
第五段階：公開責任者が証拠と切り戻し条件を承認する
公開前に、ページ、アプリ、市場、Safariの4種類の記録を集めます。単に「問題なし」と書くのではなく、確認したURL、テーマ名、Horizonのバージョン、確認日、担当者、未解決事項を残してください。
次のチェックリストは、公開判断の最終版として使えます。
- [ ] 現行正式テーマを保存し、切り戻し先を特定した
- [ ] Horizonのバージョンと確認日を記録した
- [ ] トップ、商品、コレクション、検索、コンテンツページを確認した
- [ ] 色、フォント、文言、ナビゲーション、動的ソースを確認した
- [ ] 米国とその他の対象市場でドメイン、言語、通貨、商品表示を比較した
- [ ] アプリブロック、アプリ埋め込み、自作コード、外部スクリプトを分類した
- [ ] コメント、定期購入、検索、チャット、レビューなどの主要機能を確認した
- [ ] Safariで商品からカート、チェックアウト前まで操作した
- [ ] 旧テーマとの比較記録と再現材料を保存した
- [ ] カート、顧客アカウント、主要アプリの阻断問題が残っていない
- [ ] 公開後に再確認する担当者と時間帯を決めた
| 判定 | 条件 | 次の行動 |
|---|---|---|
| 公開 | 必須ページ、アプリ、市場、Safari導線が確認済み | 草稿を公開し、直後に再確認 |
| 条件付き保留 | 軽微な文言や装飾の修正だけが残る | 期限と責任者を記録して公開可否を再承認 |
| 停止 | カート、顧客アカウント、主要アプリが阻断される | 旧テーマを継続し、草稿で修正 |
| 切り戻し | 公開後に重要導線の問題を再現 | 事前条件に従い旧テーマへ戻す |
Shopifyのテーマ追加と管理の公式手順はこちらのヘルプで確認できます。なお、2026年9月2日時点のHorizon情報は、公式テーマページとShopify公式資料を基に確認しています。テーマのバージョン、ブロック構造、顧客アカウント部品、プレビュー機能、対応ブラウザーが変わった場合は、公開前に再確認してください。
現在Windowsだけで確認している場合、Safariの購入導線は借り物のMacで一度見るだけでは、担当者の再現性や証拠保存が不足しやすくなります。手元のMacを購入する方法は長期利用や周辺機器に向きますが、短期移行では初期費用、保守、共有ルール、海外市場ごとの接続環境を別途管理する必要があります。
そのため、公開前の短期検証では、実機を固定できるVMSPINのMac環境を使い、必要な期間だけSafariと米国市場の確認を行う方法が現実的です。接続方法や受け渡し条件を先に確認したい場合は、VMSPINの米国向けMac環境を見て、自社で継続運用するか短期レンタルにするかを判断してください。
Shopify Horizon テーマ移行 2026の合否は、デザインの印象ではなく、草稿テーマでのページ、アプリ、市場、Safari購入導線と、問題時に戻れる証拠で決まります。公開前に自社チームで実機確認を継続するなら、VMSPINの料金と利用条件を確認し、移行期間に必要な検証環境だけを選んでください。