KANTE で最も利益率が高いのはセット商品です。しかし「Sets & Bundles」コレクションは、同じカードが同じ順で並ぶだけのグリッドでした。ヨナスは、お客さまが使うフィルターを失わずに、なぜセットの方がお得なのかを伝えるページにしたいと考えていました。
ここでは、それを実現する Shopify コレクションページのテンプレートをどう作ったか、そして既存のコレクションが一つも変わらなかった理由を紹介します。
この記事について：KANTE は架空のブランドです。実際に納品した Shopify 案件をもとに再構成しており、名前・商品・一部の詳細は変更しています。セクション、課題、解決策はすべて実際のものです。
| クライアント | KANTE、メンズグルーミング、ベルリン（架空） |
|---|---|
| 目標 | セット商品とバンドルの販売を伸ばす |
| 納品物 | コレクションテンプレート、動的な分割ヘッダー、プロモカードブロック |
| そのまま残したもの | フィルター、並べ替え、無限スクロール |
| 他のコレクションへの影響 | なし（追加のみの変更） |
必要なものを教えてください。固定価格の見積もり、公開前のプレビューリンク、そしてあなたのものになるコードをお届けします。
売るための舞台を整えるヘッダー
新しい分割ヘッダーは、短いメッセージと商品画像を組み合わせます。初期状態で動的に動作し、見出しはコレクション名、本文は説明文、画像はコレクション画像または最初の商品画像を自動で使います。どのコレクションでも追加設定なしで使えます。
商品グリッドの中のプロモカード
お客さまはグリッドを素早く眺めます。6 番目の商品の後に大きなプロモカードを置くことで、注目のセット、画像、ボタンを絶好のタイミングで見せられます。位置、商品、文言、色はチームがエディタで選びます。モバイルでは 1 行全体を使い、文字が読みやすいままです。
「他のコレクションに影響は？」
ヨナスが最初に聞いたのがこの質問で、まさに確認すべき点です。答えは「影響なし」。テーマへの 2 つの変更はどちらも純粋な追加でした。追加した場所にしか存在しない新しいブロックと、メタフィールドに値がある商品だけに表示される任意のサブタイトルです。それでも先に公開中テーマの複製でテストしました。
セット商品がより売れる理由
- 最初の商品の前にヘッダーがセットの価値を伝える
- プロモカードが、眺めている瞬間に利益率の高いセットを強調
- フィルターと並べ替えはそのままなので、比較したいお客さまも逃さない
- 割り当てたすべてのコレクションで同じテンプレートが使える
ブランドヘッダー、グリッド内プロモカード、商品カードの拡張。フィルターには手を加えません。
よくある質問
フィルターは引き続き使えますか？
はい。テーマ標準のコレクションセクションを拡張するので、フィルター、並べ替え、ページ送りはそのままです。
複数のコレクションに使えますか？
はい。Shopify 管理画面で任意のコレクションに割り当てられます。
テーマを更新したらどうなりますか？
導入メモをお渡しします。小さな追加変更なので、新バージョンにも簡単に反映できます。
コレクションごとに違う商品をプロモカードに表示できますか？
はい。テンプレートの各インスタンスに個別のカード設定があります。