商品情報にスキップ
1 1
公開日:2024.12.06

Shopifyで商品ページに「同じカテゴリ商品」や「同じ価格帯」など自動で設定される関連商品以外に意図的なコレクションを表示する設定例

Shopifyで商品ページに「同じカテゴリ商品」や「同じ価格帯」など自動で設定される関連商品以外に意図的なコレクションを表示する設定例

用途

  • トップページ編集

実装方法

  • テーマエディタ
詳細を表示する

Shopifyのテーマに標準で実装されている「おすすめ」商品セクションも効果的なのですが、あえて手動で同じカテゴリや価格帯の商品を表示することでよりスムーズな購買体験を提供することもできます。

◆設定のメリット
・同じカテゴリや価格帯の商品を意図的に表示することで、購買意欲を高められます。
・自動表示される関連商品だけでは逃していた商品との出会いを創出できます。
・商品ジャンルや価格帯ごとのクロスセル効果が期待できます。

◆具体的な実装手順
①商品メタフィールドに表示させたいコレクションタイプを追加し、各商品のメタフィールドにコレクションを指定
②商品テンプレートに「特集コレクション」セクションを追加し、参照先のコレクションに各メタフィールドを指定


商品ページに「同じカテゴリ商品」や「同じ価格帯」など自動で設定される関連商品以外に意図的なコレクションを表示する設定例


【設定手順①】商品メタフィールドに掲載したいコレクションタイプを追加しそれぞれのフィールドについて各商品情報で設定


【設定手順②(テーマRise/Dawnの場合)】商品テンプレートに「特集コレクション」セクションを追加し参照先のコレクションに設定手順①で作成したメタフィールドをそれぞれ指定


関連ポスト