概要
カゴに入れるボタンクリック時に、ページ遷移せずにカゴの中の内容をスライドインで表示することができます。
※商品ページのレイアウト設定を「新」に設定した場合にのみスライドインをご利用できます。
レイアウト設定「新」のご利用をご希望の場合にはサポートまでお問い合わせください。
設定方法
基本設定＞カートシステム設定＞［出品機能設定］タブの「カゴに入れるボタン押下時」を [スライドイン] に設定します。
表示例
レイアウト
パソコン：スライドイン表示例
スマホ：スライドイン表示例
ヘッダー部
| 項目 | 内容 |
|---|---|
| ①合計数量 | カゴに入っている商品の合計数量が表示されます。 |
| ②送料無料条件 | 送料無料キャンペーンの送料無料条件までの金額が表示されます。 送料無料条件を満たしている場合には表示されません。 |
| ③閉じる | クリックするとスライドインが閉じます。 |
明細部
| 項目 | 内容 |
|---|---|
| ①画像 | 商品画像が表示されます。 画像は、出品＞出品商品登録＞［画像情報］タブの項目「画像(1)-メイン」で設定できます。 別商品の同時表示商品の追加商品として設定されている商品は、同時表示商品の基本商品に設定されている画像が表示されます。 |
| ②商品名 | 商品名が表示されます。 商品名は、出品＞出品商品登録＞［基本情報］タブの項目「商品名」で設定できます。 |
| ③規格名 | 規格名が表示されます。 規格は、出品＞出品商品登録の「規格設定」で設定できます。 |
| ④規格名 | 選択肢名が表示されます。 選択肢は、出品＞出品商品登録の「選択肢設定」で設定できます |
| ⑤数量 |
商品の数量が表示されます。 表示パターン |
| ⑥単価 | 商品の単価が表示されます。 |
| ⑦削除 | クリックすると明細が削除されます。 |
フッター部
| 項目 | 内容 |
|---|---|
| ①小計 | カゴに入っている商品の商品代金合計（税込）が表示されます。 |
| ②まとめ割引金額 | まとめ割引の適用条件を満たす場合にまとめ割引金額が表示されます。 まとめ割引の適用条件を満たしていない場合には表示されません。 |
| ③送料無料 | 送料無料条件を満たしている場合に表示されます。 送料無料条件を満たしていない場合には表示されません。 |
| ④購入ボタン | クリックすると購入フローへ進みます。 購入ボタンクリック後の遷移先ページは、基本設定＞カートシステム設定＞［カート・決済機能設定］タブの項目「お届け先の指定」「2クリック決済」の設定内容により決まります。 購入ボタンクリック後の遷移先ページ |
カゴの中に商品が入っていない場合の表示
カゴの中に商品が入っていない場合には、明細部に「現在お買い物カゴ内に商品はございません」と表示されます。
また、フッター部に購入ボタンが表示されません。
注意点
- スライドインをご利用の場合、運営＞アップセル・クロスセル管理の「アップセル・クロスセルの施策ページ」の項目「ページ」で [カート] はご利用できません。
- スライドインでは、運営＞ロット割引管理の項目「ロット価格種類」で [段階ロット価格] を設定した商品であっても、段階ロット価格で表示されません。
- スライドインをご利用の場合、楽楽BBCで対応済みの下記のGA4のイベントは発生しません。
・view_cart：スライドインで商品を買い物カゴに追加時
・remove_from_cart：スライドインで商品を買い物カゴから削除時
※楽楽BBCで対応済みのイベントについては＜こちら＞をご参照ください。
