2 カラム化された新デザインに切り替わり、右側に背景画像を置いてブランド表現が可能に。Checkout & Accounts エディタからプレビューしながら直接編集でき、API 経由の高度カスタマイズにも対応。
左 : サインインフォーム / 右 : カスタマイズ可能な背景画像。
Checkout & Accounts エディタからプレビューしつつ直接編集。
Checkout And Accounts Configuration API で高度なカスタマイズ。
サインイン/チェックアウト/アカウント等の各面に一貫して効く共通スタイル設定。
サインインページ単体のスタイル要素を調整して独自感を演出。プレビューしながら編集可能。
エディタ UI を超える「more advanced」なカスタマイズ制御は API 経由で実現。
| 項目 | 従来 | 今回の変更 |
|---|---|---|
| レイアウト | サインインフォーム中心の構成 | 新 2 カラム(左 : フォーム / 右 : 背景画像) |
| ブランド表現 | ロゴ程度 | 新 背景画像でビジュアル的に表現可能 |
| 編集場所 | 記載なし(直接編集不可) | 新 Checkout & Accounts エディタで直接編集+プレビュー |
| 共通スタイル | — | 新 Shared settings で一括適用 |
| API カスタマイズ | — | 追加 Checkout And Accounts Configuration API |
| 対象 | — | 最新版 customer accounts のみ(legacy は対象外) |
本機能は最新版の customer accounts に限定して提供。今回のリフレッシュ/エディタ編集/背景画像はすべてこちらが前提。
旧版を使っているストアは利用不可。Shopify の案内に従ってアップグレードを完了する必要がある。
サインインページを選択してプレビュー画面を表示。
共通スタイルを揃えつつ、右カラムの背景画像でブランド表現。
エディタで足りない領域は Configuration API で補完。
左 : フォーム / 右 : 背景画像 という構造。任意の自由レイアウトではなく、Shopify が用意した「2 カラム枠」を活かす設計。
チェックアウトと同じエディタに統合されている=チェックアウトのスタイル運用と同じ枠組みで管理できる。役割分担・権限設計はチェックアウトに準ずる。
共通スタイル(Shared)と個別スタイル(Tailored)の階層化。ブランド一貫性とページ個別最適のバランスを設計次第で取れる。
エディタで届かない高度カスタマイズは API。IaC 的に構成管理・複数ストア横展開する場合の起点になる API 名を覚えておく。
「最新版 customer accounts のみ」と明記。レガシー運用中のストアは、まずアップグレード(公式ガイドに従う)が先決。リプレイス/改修案件ではこの順序を必ずワークプランに入れる。