1. オンラインマニュアル
  2. よく使われる機能&活用法ガイド
  3. ユーザー画面表示イメージガイド(イメージ逆引きガイド)
  4. 「カート」関連
  5. 「ショッピングカート」画面
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル

「ショッピングカート」画面

表示イメージ:「ショッピングカート」画面

※表示イメージはスタートアップテーマ(カスタマイズ前)です。
利用するパーツや項目設定により表示内容やレイアウトを変更することができます。詳しくは各システムパーツの説明をご覧ください。

パーツごとの表示イメージと解説

保持商品変更通知

カートに残っている商品の情報が変更された場合に表示されます。

会員ログイン時にカートに商品が残っていて、再訪問時にゲスト状態で別の商品をカートに入れ、購入過程でログインを行った際に表示されます。
いったんショッピングカートに遷移し、ご購入商品を確認していただきます。

カート内商品の保持期間は90日間

会員機能をご利用で、会員機能利用設定を行っている場合に限ります。

同一会員IDでログインしていれば、カートに入れている商品情報が90日間同期されます。
PC、スマートフォン、タブレットなどのブラウザをまたいだ場合にも保持されます(クロスデバイス対応)。

ショッピングカート表示エリア(レイアウトパーツ)

カートコンテンツ表示エリア(システムパーツグループ)総合計エリア(システムパーツグループ)を表示するエリアです。

カートコンテンツ表示エリア(システムパーツグループ)

ショッピングカートや総合計金額を表示するシステムパーツを配置する特殊なシステムパーツ(システムパーツグループ)です。

定期ショッピングカート誘導表示

定期購入・頒布会機能をご利用の店舗様のみに表示されます。

「ショッピングカート(定期)」に定期・頒布会商品が入ったまま、「ショッピングカート(通常)」が開かれた場合に表示されます。
「定期カートを見る」のリンクを押下すると、「ショッピングカート(定期)」に遷移します。

各種ラベル・メッセージなどの変更方法
ラベル・メッセージ 変更画面 変更対象
「定期カートを見る」リンク コマースクリエーター>テーマ>ボタン一覧 定期カートを見る-注文
「定期申込商品がカートに入っています。」 コマースクリエーター>メッセージ一覧 定期ショッピングカート誘導メッセージ

ショッピングカートパーツ

「商品名」のリンク
設定>商品・商品グループ>商品ページ設定-利用設定の「利用設定」および「商品詳細リンク設定」を双方ともチェックしている場合、商品名を押下すると、「商品詳細」画面へリンクします。
構築>ページ設定>商品ページ設定-商品ページの使用設定の「商品ページの使用」および「商品詳細ページへのリンク」を双方ともチェックしている場合、商品名を押下すると、「商品詳細」画面へリンクします。
「販売期間」「予約受付期間」
通常商品:運用>商品管理(商品登録)>商品新規登録・商品基本情報編集-販売期間を設定し、「表示する」のチェックがONの場合に表示されます。
予約商品:運用>商品管理(商品登録)>商品情報(予約)-予約受付期間を設定し、「表示する」のチェックがONの場合に表示されます。
「会員価格」(会員価格後ろのキャプション)
コマースクリエイター>メッセージにある「カート内会員価格キャプション」にて変更できます。
「予約商品」「割引対象外商品」「バンドル対象商品」(商品名上部のラベル)
<割引対象外商品の場合>
コマースクリエイター>メッセージにある「カート内割引対象外商品メッセージ」が表示されます。
設定>割引>購入金額別割引設定-対象外商品に指定する商品タグ構築> 送料・決済設定>割引設定-割引対象外商品設定で設定した商品タグを運用>商品管理>商品新規登録・商品基本情報編集-商品タグにて指定した商品を指します。
<予約商品の場合>
コマースクリエイター>メッセージにある「カート内予約商品メッセージ」が表示されます。
<バンドル販売対象商品の場合>
運用>商品管理>バンドル販売一覧>バンドル販売基本情報-バンドル販売基本情報「カート内表示文字列(コマースクリエイター)」が表示されます。
運用>商品管理>バンドル販売基本情報にて設定したバンドル販売を運用>商品管理>商品新規登録・商品基本情報編集-バンドル販売にて選択した商品を指します。
<店舗受取不可商品の場合>
店舗受取オプションご利用で、お客様(消費者)がご注文時に店舗での受取を選択できない場合を指します。コマースクリエイター利用(運用中)店舗のみ利用可オプションです。(参照:店舗受取のはじめかた -設定編/店舗受取受注後にすべきこと
コマースクリエイター>メッセージ-「カート内店舗受取対象外商品メッセージ」が表示されます。
設定>配送・送料>店舗受取設定-利用不可設定にて設定した商品タグを利用し、運用>商品管理>商品新規登録・商品基本情報編集にてタグを設定した商品を指します。
消費税計算(税込・税抜)
設定>店舗共通>消費税設定構築>送料・決済設定>消費税設定にて設定できます。
また、商品ごとに税込金額を入力するには、運用>商品管理>商品新規登録・商品基本情報編集-商品価格にある「下記すべて税込価格を設定する」のチェックを設定してください。
「削除」リンク
リンクを押下するとショッピングカートから削除します。
リンク部分にはコマースクリエイター>テーマ>ボタンにある「カートから削除-注文」ボタンが表示されます。
「あとで買う」リンク
ショッピングカートから削除すると同時にお気に入りに追加する機能です
リンク部分にはコマースクリエイター>テーマ>ボタンにある「カートからお気に入りへ移動-注文」ボタンが表示されます。
「あと\2,345で送料無料です。」「送料無料です。」(送料割引までの金額)
以下の設定を行うと表示されます。
「あと\1,234で割引率5%が適用されます。」(「割引名」と割引までの金額および割引率)
以下の設定を行うと表示されます。
※「併用設定」によって「クーポン利用時」「ポイント利用時」の割引適用についての文言が表示されます。併用についての文言は変更できません。それぞれ、ポイント機能利用、クーポン機能利用時のみ表示されます。

バンドル販売対象商品がカートに入っている場合

バンドル割引を設定し、カート内にバンドル割引対象商品が入っていた場合、カート内の商品の下に以下が表示されます。

「セット購入でお得にお求めいただける商品がカートに入っています。」(ショッピングカートバンドル販売メッセージ)
コマースクリエイター>メッセージにある「ショッピングカートバンドル販売メッセージ」が表示されます。
「まとめ買い」(バンドル対象商品一覧へのリンク)
運用>商品管理>バンドル販売一覧-バンドル販売名が表示されます。
[割引確認]ボタン
コマースクリエイター>テーマ>ボタン一覧にある「割引確認-注文」ボタンが表示されます。
「割引確認」ボタンを押下すると、割引確認モーダルが表示され、バンドル割引の詳細がご確認いただけます。
バンドル割引の表示件数
設定>カート>購入画面設定-カートページ設定-バンドル対象商品一覧へのリンク表示件数構築>ページ設定>購入画面設定-カートページ設定-バンドル対象商品一覧へのリンク表示件数にて設定できます。

割引確認モーダル

割引確認モーダル
「割引確認」(見出し)
コマースクリエイター>メッセージにある「ショッピングカート割引確認モーダル見出し」が表示されます。
「販売期間」「予約受付期間」
通常商品:運用>商品管理(商品登録)>商品新規登録・商品基本情報編集-販売期間を設定し、「表示する」のチェックがONの場合に表示されます。
予約商品:運用>商品管理(商品登録)>商品情報(予約)-予約受付期間を設定し、「表示する」のチェックがONの場合に表示されます。
「セット割引」(バンドル割引額)
設定>カート>購入画面設定-カートページ設定-バンドル販売設定-バンドル販売割引金額キャプション 構築>ページ設定>購入画面-カートページ設定-バンドル販売割引金額キャプションが表示されます。
「セット価格」(バンドル割引対象商品の小計額)
設定>カート>購入画面設定-カートページ設定-バンドル販売設定-バンドル販売価格キャプション構築>ページ設定>購入画面-カートページ設定-バンドル販売価格キャプションが表示されます。

カート内商品が0件の場合

コマースクリエイター>メッセージ-ショッピングカート0件メッセージが表示されます。

総合計エリア(システムパーツグループ)

合計金額を表示するシステムパーツや次画面へ進むボタンなどを配置する特殊なシステムパーツ(システムパーツグループ)です。

数量など金額の再計算時に、表示内容が更新されます。(再描画処理)

合計金額表示エリア

バンドル割引が適用されている場合、バンドル割引額部分に設定>カート>購入画面設定-カートページ設定-バンドル販売設定-バンドル販売割引金額キャプション 構築>ページ設定>購入画面-カートページ設定-バンドル販売割引金額キャプションが表示されます。が表示されます。

futureshop購入エリア

ログインしていない場合
ログイン中の場合
「ご注文手続きへ進みます。」(メッセージ)
コマースクリエイター>メッセージにある「ショッピングカート購入メッセージ」で変更できます。
ログインしていない場合の表示
コマースクリエイター>テーマ>ボタンにある「ログインして購入-注文」ボタンが表示されます。
設定>購入者・会員情報>会員設定-利用設定-購入時会員登録設定構築>入力項目設定>会員機能に関する設定-基本設定-会員登録の強制・非強制で、「 購入時の会員登録を任意にする(非会員のまま購入可) 」「非会員でも購入可能(非強制)」に設定した場合は、コマースクリエイター>テーマ>ボタンにある「会員登録して購入・ゲスト購入-注文」ボタンが表示されます。
「購入するには会員登録が必要(強制)」に設定した場合は、「会員登録して購入-注文」ボタンが表示されます。
ログイン中の場合
コマースクリエイター>テーマ>ボタンにある「このサイトでお支払い-注文」ボタンが表示されます。
ログイン状態 会員機能に関する設定-基本設定-会員登録の強制・非強制 表示されるボタン
ログインしていない - ログインして購入-注文
非会員でも購入可能(非強制) 会員登録して購入・ゲスト購入-注文
購入するには会員登録が必要(強制) 会員登録して購入-注文
ログインしている - このサイトでお支払い-注文

Amazon購入エリア

Amazon Payをご利用いただける商品の場合

「Amazon.co.jpにご登録の住所・お支払い方法を利用してご注文いただけます。
ご利用になるには Amazon.co.jpアカウントが必要です。」(メッセージ)
コマースクリエイター>メッセージにある「ショッピングカートAmazon購入メッセージ」が表示されます。
[Amazon Pay]ボタン
コマースクリエイター>テーマ>テーマ設定覧-Amazon設定で選択したボタンが表示されます。

Amazon Payが利用できない商品の場合

「Amazon.co.jpにご登録の住所・お支払い方法を利用してご注文いただけます。
ご利用になるには Amazon.co.jpアカウントが必要です。」(メッセージ)
コマースクリエイター>メッセージにある「ショッピングカートAmazon購入メッセージ」が表示されます。
「このお支払い方法はご利用いただけません」(メッセージ)
[Amazon Pay]ボタンのかわりに、コマースクリエイター>メッセージにある「ショッピングカートAmazon Payボタン利用不可メッセージ」が表示されます。
「大変申し訳ございません。
お支払い方法にAmazon Payをご利用いただくことができません。」(メッセージ)
[Amazon Pay]ボタンのかわりに、コマースクリエイター>メッセージにある「ショッピングカートAmazon Pay利用不可メッセージ」が表示されます。

Amazon Payを利用できない商品は、商品タグを利用して設定します。
設定方法は設定>決済>決済一覧>Amazon Pay設定-利用不可設定設定>決済>決済一覧>Amazon Pay設定-Amazon Payを選択できない商品タグをご覧ください。

一定金額以上で送料無料告知(フリーパーツ)

設定>割引>高額購入送料割引設定-利用設定構築>送料・決済設定>高額購入割引-高額購入割引設定「利用設定」「高額購入割引設定を有効にする」にチェックにした場合、割引金額との差を埋めてもらうために、価格で商品を探す導線を設けるためのパーツです。
ECサイト掲載商品にあわせて適宜修正してください。

カート保存機能説明(フリーパーツ)

スタートアップテーマではフリーパーツで作成しています。適宜変更してください。

カート内商品の保持期間は90日間

会員機能をご利用で、会員機能利用設定を行っている場合に限ります。

同一会員IDでログインしていれば、カートに入れている商品情報が90日間同期されます。
PC、スマートフォン、タブレットなどのブラウザをまたいだ場合にも保持されます(クロスデバイス対応)。

買い物を続けるボタン

コマースクリエイター>テーマ>ボタンにある「ショッピングを続ける-注文」ボタンが表示されます。

レコメンドパーツ

設定>レコメンド>レコメンド2設定-カートページレコメンド設定構築>ページ設定>レコメンド2設定-カートページレコメンド設定(コマースクリエイター)にある「出力タグ」に入力されたレコメンドタグを出力します。

お気に入りパーツ

設定>購入者・会員情報>会員設定-お気に入り設定-利用設定構築>入力項目設定>会員機能に関する設定-お気に入り設定-お気に入り使用設定にチェックし、お気に入りに商品が追加されると表示されます。
新しく追加された商品から表示されます。
なお、ショッピングカート内の商品にある「あとで買う」が押下されても、お気に入りに商品が追加されます。

「「お気に入りリスト」に入っている商品」(見出し)
コマースクリエイター>メッセージにある「お気に入り商品一覧見出し」で変更できます。
お気に入りリストの表示パターン
設定>購入者・会員情報>会員設定-お気に入り設定-お気に入り商品表示パターンで変更できます。
設定>購入者・会員情報>会員設定-お気に入り設定-お気に入り商品表示パターンで変更できます。

おすすめ商品パーツ

表示方法
全商品に同じ商品をおすすめとして表示する場合は、設定>カート>購入画面設定-おすすめ商品設定-商品番号構築>ページ設定>購入画面設定-おすすめ商品の設定-おすすめ商品として登録する商品番号に、商品番号を入力します。
商品個別に表示するおすすめ商品を設定する場合は、運用>商品管理>商品新規登録・商品基本情報編集-この商品をカートに入れたときに表示するおすすめ商品に、商品番号を入力します。
おすすめ商品の表示パターン
「表示方法」で説明した設定画面と同じ画面より、3パターンから選択できます。
各パターンと、商品種類別の表示項目と表示イメージは、任意商品表示パーツ-表示パターンをご参照ください。
「おすすめ商品」(見出し)
コマースクリエイター>メッセージにある「おすすめ商品見出し」が表示されます。
画像サイズ
おすすめ商品に表示される画像の表示サイズは、コマースクリエイター>テーマ>テーマ設定-商品画像サイズ設定の「商品一覧」で設定したサイズになります。

STAFF START関連(※要オプション申込)

STAFF START(スタッフスタート)連携オプションを利用する際に表示されます。

「STAFF START」の利用方法や設定などについて、詳しくは、「STAFF START」のはじめかたをご覧ください。

カート内の商品を使ったコーディネート(新着順)パーツ

カートに入っている商品のコーディネートを新着順で表示できます。(最大20件)

見出しは、コマースクリエイター>メッセージにある「カート内の商品を使ったコーディネート(新着順)見出し」にて変更できます。

コーディネート画像のサイズはコマースクリエイター>テーマ>テーマ設定-STAFF START設定-カート内の商品を使ったコーディネート(新着順)で変更できます。

カート内の商品を使ったコーディネート(人気順)パーツ

カートに入っている商品のコーディネートを人気順で表示できます。(最大20件)

見出しは、コマースクリエイター>メッセージにある「カート内の商品を使ったコーディネート(人気順)見出し」にて変更できます。

コーディネート画像のサイズはコマースクリエイター>テーマ>テーマ設定-STAFF START設定-カート内の商品を使ったコーディネート(人気順)で変更できます。

コーディネート表示(新着順)パーツ

コーディネートを新着順(ランキング)で表示します。(最大10件)

見出しは、コマースクリエイター>メッセージにある「コーディネート表示(新着順)見出し」にて変更できます。

コーディネート画像のサイズはコマースクリエイター>テーマ>テーマ設定-STAFF START設定-コーディネート表示(新着順)で変更できます。

コーディネート(人気順)パーツ

コーディネートを人気順(ランキング)で表示します。(最大10件)

見出しは、コマースクリエイター>メッセージにある「コーディネート表示(人気順)見出し」にて変更できます。

コーディネート画像のサイズはコマースクリエイター>テーマ>テーマ設定-STAFF START設定-コーディネート表示(人気順)で変更できます。

スタッフ表示(新着順)パーツ

スタッフを投稿したコーディネートの新着順(投稿したコーディネート公開日時の降順)に10件表示します。

見出しは、コマースクリエイター>メッセージにある「スタッフ表示(新着順)見出し」にて変更できます。

スタッフ画像のサイズは(1サイズのみであるため)固定です。

コーディネート一覧・コーディネート詳細・スタッフ一覧・スタッフ詳細・トップページ・商品グループ・商品検索結果一覧・商品詳細・ショッピングカートに配置できます。

スタッフ表示(人気順)パーツ

スタッフを投稿したコーディネートの人気順(コーディネートPV数の降順)に10件表示します。

見出しは、コマースクリエイター>メッセージにある「スタッフ表示(人気順)見出し」にて変更できます。

スタッフ画像のサイズは(1サイズのみであるため)固定です。

コーディネート一覧・コーディネート詳細・スタッフ一覧・スタッフ詳細・トップページ・商品グループ・商品検索結果一覧・商品詳細・ショッピングカートに配置できます。