概要

カゴに入れるボタンクリック時に、ページ遷移せずにカゴの中の内容をスライドインで表示することができます。
※商品ページのレイアウト設定を「新」に設定した場合にのみスライドインをご利用できます。
 レイアウト設定「新」のご利用をご希望の場合にはサポートまでお問い合わせください。

設定方法

基本設定>カートシステム設定>[出品機能設定]タブの「カゴに入れるボタン押下時」を [スライドイン] に設定します。

表示例

レイアウト

パソコン:スライドイン表示例

スマホ:スライドイン表示例

ヘッダー部

項目 内容
①合計数量 カゴに入っている商品の合計数量が表示されます。
②送料無料条件 送料無料キャンペーンの送料無料条件までの金額が表示されます。
送料無料条件を満たしている場合には表示されません。
③閉じる クリックするとスライドインが閉じます。

明細部

項目 内容
①画像 商品画像が表示されます。
画像は、出品>出品商品登録>[画像情報]タブの項目「画像(1)-メイン」で設定できます。

別商品の同時表示商品の追加商品として設定されている商品は、同時表示商品の基本商品に設定されている画像が表示されます。

②商品名 商品名が表示されます。
商品名は、出品>出品商品登録>[基本情報]タブの項目「商品名」で設定できます。
③規格名 規格名が表示されます。
規格は、出品>出品商品登録の「規格設定」で設定できます。
④規格名 選択肢名が表示されます。
選択肢は、出品>出品商品登録の「選択肢設定」で設定できます
⑤数量

商品の数量が表示されます。
基本設定>カートシステム設定>[カート・決済機能設定]タブの項目「数量変更オプション」、各出品商品の出品>出品商品登録>[基本情報]タブの項目「注文受付形式」の設定内容により数量が表示されます。

表示パターン
・数量変更オプション:[表示のみ]
 数量が「数量{選択した数量}」と表示されます。
 
・数量変更オプション:[表示のみ] 以外
 ・注文受付形式:[非表示(最大個数1個)]
  数量が「数量:1」と表示されます。
  
 ・注文受付形式:[受付数範囲を設定]
  数量がプルダウンで表示されます。
  プルダウンには受付数範囲に設定した数量が選択肢として表示されます。
  
 ・注文受付形式:[受付選択肢設定]
  数量がプルダウンで表示されます。
  プルダウンには受付選択肢設定で設定した数量が選択肢として表示されます。
・注文受付形式:[自由入力(無制限)]
 ・数量変更オプション:[リストボックス]
  数量がプルダウンで表示されます。
 ・数量変更オプション:[テキストボックス]
  数量がプルダウンで表示されます。
 ・数量変国オプション:[表示+[+][-]ボタン]
  数量が[+][-]ボタンで表示されます。
  

⑥単価 商品の単価が表示されます。
⑦削除 クリックすると明細が削除されます。

フッター部

項目 内容
①小計 カゴに入っている商品の商品代金合計(税込)が表示されます。
②まとめ割引金額 まとめ割引の適用条件を満たす場合にまとめ割引金額が表示されます。
まとめ割引の適用条件を満たしていない場合には表示されません。
③送料無料 送料無料条件を満たしている場合に表示されます。
送料無料条件を満たしていない場合には表示されません。
④購入ボタン クリックすると購入フローへ進みます。
購入ボタンクリック後の遷移先ページは、基本設定>カートシステム設定>[カート・決済機能設定]タブの項目「お届け先の指定」「2クリック決済」の設定内容により決まります。

購入ボタンクリック後の遷移先ページ
・お届け先の指定:[STEP1でお届け先を選択する]
 お届け先の指定画面に遷移します。
・お届け先の指定:[STEP1でお届け先を選択しない]
 ・2クリック決済:[利用しない]
  お支払い方法・お届け時間等の指定画面に遷移します。
 ・2クリック決済:[利用する]
  ・2クリック決済適用条件を満たす
   入力内容のご確認画面に遷移します。
  ・2クリック決済適用条件を満たさない
   お支払い方法・お届け時間等の指定画面に遷移します。
※『ポイント交換機能』をご利用の場合には、購入ボタンクリック後は買い物カゴ画面に遷移します。

カゴの中に商品が入っていない場合の表示

カゴの中に商品が入っていない場合には、明細部に「現在お買い物カゴ内に商品はございません」と表示されます。
また、フッター部に購入ボタンが表示されません。

注意点

  • スライドインをご利用の場合、運営>アップセル・クロスセル管理の「アップセル・クロスセルの施策ページ」の項目「ページ」で [カート] はご利用できません。
  • スライドインでは、運営>ロット割引管理の項目「ロット価格種類」で [段階ロット価格] を設定した商品であっても、段階ロット価格で表示されません。
  • スライドインをご利用の場合、楽楽リピートで対応済みの下記のGA4のイベントは発生しません。
    ・view_cart:スライドインで商品を買い物カゴに追加時
    ・remove_from_cart:スライドインで商品を買い物カゴから削除時
    ※楽楽リピートで対応済みのイベントについては<こちら>をご参照ください。