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

Shopifyのテーマ「Dawn」の「特集コレクション」をカスタマイズしてカートページで「一緒に購入される商品」を表示する設定例

Shopifyのテーマ「Dawn」の「特集コレクション」をカスタマイズしてカートページで「一緒に購入される商品」を表示する設定例

用途

  • カート編集

実装方法

  • LIQUID
詳細を表示する

Shopifyのテーマ「Dawn」で、カートに追加された商品に連動して商品メタフィールドに登録された「一緒に購入される商品」がカート画面上でサジェストされる機能の設定例です。購入直前のカート画面に表示することで一定の購入単価向上効果が見込めます。


Shopifyのテーマ「Dawn」の「特集コレクション」をカスタマイズしてカートページで「一緒に購入される商品」を表示する設定例


【設定手順①】商品メタフィールドに「一緒に購入される商品」を紐づけるための定義を追加し商品ごとに関連商品を設定しておく


【設定手順②】「featured-collection.liquid」にschemeを、「ja.schema.json」にラベルを追加


【設定手順③】featured-collection.liquid」に通常のコレクション表示用機能に加えてカート画面で「一緒に購入される商品」が存在する場合に表示するコードを追加


【使用方法】カート画面に「特集コレクション」セクションを追加し「メタフィールド:一緒に購入される商品」に設定された商品を表示する」のチェックをONにする


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「featured-collection.liquid」にschemaを追加

「ja.schema.json」にラベルを追加

「featured-collection.liquid」に通常のコレクション表示用機能...

関連ポスト