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

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

https://ご利用店舗ドメイン/p/cart

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

• 保持商品変更通知
• ショッピングカート表示エリア（レイアウトパーツ）
  • カートコンテンツ表示エリア（システムパーツグループ）
    • 定期ショッピングカート誘導表示
    • ショッピングカートパーツ
  • 総合計エリア（システムパーツグループ）
    • 合計金額表示エリア
    • お届け日表示パーツ
    • futureshop購入エリア
    • 連携ログインエリア
    • Amazon購入エリア
    • ［参考］「Apple」「Google」「Amazon」ボタンの並び替え方法
• 一定金額以上で送料無料告知（フリーパーツ）
• カート保存機能説明（フリーパーツ）
• 買い物を続けるボタン
• レコメンドパーツ
  ※2023.03.28までに「futureRecommend2」を申込まれた店舗様のみ
• future AI Recommend
• お気に入りパーツ
• おすすめ商品パーツ
• STAFF START関連
  • カート内の商品を使ったコーディネート（新着順）パーツ
  • カート内の商品を使ったコーディネート（人気順）パーツ
  • コーディネート表示（新着順）パーツ
  • コーディネート（人気順）パーツ
  • スタッフ表示（新着順）パーツ
  • スタッフ表示（人気順）パーツ

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

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

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

「商品名」のリンク

設定＞商品・商品グループ＞商品ページ設定-利用設定の「利用設定」および「商品詳細リンク設定」を双方ともチェックしている場合、商品名を押下すると、「商品詳細」画面へリンクします。

【コマースクリエイター移行中（切替前）】構築＞ページ設定＞商品ページ設定-商品ページの使用設定の「商品ページの使用」および「商品詳細ページへのリンク」を双方ともチェックしている場合、商品名を押下すると、「商品詳細」画面へリンクします。

「販売期間」「予約受付期間」

通常商品
運用＞商品管理（商品登録）＞商品新規登録・商品基本情報編集-販売期間を設定し、「表示する」のチェックがONの場合に表示されます。

予約商品
運用＞商品管理（商品登録）＞商品情報（予約）-予約受付期間を設定し、「表示する」のチェックがONの場合に表示されます。

「会員価格」（会員価格後ろのキャプション）

コマースクリエイター＞メッセージにある「カート内会員価格キャプション」にて変更できます。

消費税計算（税込・税抜）

設定＞店舗共通＞消費税設定／【コマースクリエイター移行中（切替前）】構築＞送料・決済設定＞消費税設定にて設定できます。
また、商品ごとに税込金額を入力するには、運用＞商品管理＞商品新規登録・商品基本情報編集-商品価格にある「下記すべて税込価格を設定する」のチェックを設定してください。

「削除」リンク

リンクを押下するとショッピングカートから削除します。
リンク部分にはコマースクリエイター＞テーマ＞ボタンにある「カートから削除-注文」ボタンが表示されます。

「あとで買う」リンク

ショッピングカートから削除すると同時に、お気に入りに追加する機能です。
リンク部分にはコマースクリエイター＞テーマ＞ボタンにある「カートからお気に入りへ移動-注文」ボタンが表示されます。

「闇市」商品についてはお気に入り一覧へは表示されません。

割引対象外商品の場合

「割引対象外商品」（商品キャプション）

コマースクリエイター＞メッセージにある「カート内割引対象外商品メッセージ」が表示されます。

※設定＞割引＞購入金額別割引設定-対象外商品に指定する商品タグ／【コマースクリエイター移行中（切替前）】構築＞ 送料・決済設定＞割引設定-割引対象外商品設定で設定した商品タグを運用＞商品管理＞商品新規登録・商品基本情報編集-商品タグにて指定した商品を指します。

予約商品の場合

「予約商品」（商品キャプション）

コマースクリエイター＞メッセージにある「カート内予約商品メッセージ」が表示されます。

バンドル販売対象商品の場合

「バンドル販売対象商品」（商品キャプション）

運用＞商品管理＞バンドル販売一覧＞バンドル販売基本情報-バンドル販売基本情報「カート内表示文字列(コマースクリエイター)」が表示されます。

※運用＞商品管理＞バンドル販売基本情報にて設定したバンドル販売を運用＞商品管理＞商品新規登録・商品基本情報編集-バンドル販売にて選択した商品を指します。

注文キャンセル不可商品の場合

「キャンセル不可」（商品キャプション）

コマースクリエイター＞メッセージにある「カート内注文キャンセル不可商品メッセージ」が表示されます。

ラベルの表示方法については、注文キャンセル利用不可設定をご覧ください。

本ラベルが表示された商品を含む注文は、注文キャンセル依頼設定をチェックしている場合でも、マイページの「注文履歴詳細」画面からの注文キャンセルができません。
詳しくは、「注文キャンセル依頼（マイページ）」のはじめかた　ー設定編/受注の処理　－キャンセル・返品編をご覧ください。

店舗受取不可商品の場合

「店舗受け取り対象外商品」（商品キャプション）

※店舗受取オプションご利用で、お客様（消費者）がご注文時に店舗での受取を選択できない場合を指します。コマースクリエイター利用（運用中）店舗のみ利用可オプションです。（参照：店舗受取のはじめかた　－設定編/店舗受取受注後にすべきこと）

コマースクリエイター＞メッセージ-「カート内店舗受取対象外商品メッセージ」が表示されます。

※設定＞配送・送料＞店舗受取設定-利用不可設定にて設定した商品タグを利用し、運用＞商品管理＞商品新規登録・商品基本情報編集にてタグを設定した商品を指します。

「常温便（クール配送可）マーク（★）」「クール便（冷蔵）マーク（★）/クール便マーク」「クール便（冷凍）マーク（★）」

※（★）付きのマークは、「配送・送料機能（upgrade版）」利用時にのみ表示されるマークです。

温度帯別の表示方法と表示される文言については下表をご覧ください。

「クロネコ配送不可（例）」（商品キャプション）

※「配送・送料機能（upgrade版）」利用時にのみ表示されるマークです。

宅配便設定-配送サービス選択設定「配送サービスを選択できない商品を除外する」で「配送サービスを除外する商品タグ」を利用して、特定の配送サービスが利用できない商品設定している場合に表示されます。

宅配便設定-配送サービス選択設定「配送サービスを選択できない商品を除外する」の「カート内表示文字列」に登録したメッセージを表示できます。

「ピアノ専用配送（例）」（商品キャプション）

※「配送・送料機能（upgrade版）」利用時にのみ表示されるマークです。

宅配便設定-配送サービス選択設定「配送サービスを選択できる商品を限定する」で「配送サービスを限定する商品タグ」を利用し、特定の配送サービスに配送方法を限定する設定している（他の配送サービスでは配送不可）場合に表示されます。

宅配便設定-配送サービス選択設定「配送サービスを選択できる商品を限定する」の「カート内表示文字列」に登録したメッセージを表示できます。

配送サービス選択設定（限定・除外設定）のご利用については、【複数の配送サービスを利用】特定の商品のみ、配送サービスを限定したい/除外（利用不可）としたいをご覧ください。

「ピアノ本体＆小物同梱可（例）」（商品キャプション）

※「配送・送料機能（upgrade版）」利用時にのみ表示されるマークです。

同梱可能グループ設定を設定し、商品情報（基本情報）-同梱可能グループにて、配送時に同梱できる商品を指定している場合に表示されます。

同梱可能グループ設定の「カート内表示文字列」に登録したメッセージを表示できます。

同梱可能グループを利用した配送設定については同梱可能な商品とできない商品を明確に設定したいをご覧ください。

高額購入送料割引対象外の商品

「送料割引計算の対象外」（商品キャプション）

※「配送・送料機能（upgrade版）」利用時にのみ表示されるマークです。

設定＞割引＞高額購入送料割引設定をご利用の場合に表示されます。

設定＞割引＞高額購入送料割引設定-対象金額（税込）「対象外商品（対象金額に含めない商品）に指定する商品タグ」が設定された商品のキャプションとして表示されます。

コマースクリエイター＞メッセージにある、「カート内高額購入送料割引（金額計算）対象外商品メッセージ」を表示できます。

「高額購入送料割引対象外」商品の設定方法は、「対象外商品（対象金額に含めない商品）に指定する商品タグ」＜商品タグの設定方法＞をご覧ください。

「あと128で送料無料です。」「送料無料です。」（送料割引までの金額）

表示方法については、以下をご覧ください。

ショッピングカートに「あと●●円で送料無料」などを表示する

＜「配送・送料機能（upgrade版）」未利用（従来版利用）の場合＞

ショッピングカートに「あと●●円で送料無料」などを表示する「従来版」

「あと11,640で割引率5％が適用されます。」（「割引名」と割引までの金額および割引率）

以下の設定を行うと表示されます。

• 設定＞割引＞購入金額別割引設定／【コマースクリエイター移行中（切替前）】構築＞送料・決済設定＞割引設定-基本設定の設定

※「併用設定」によって「クーポン利用時」「ポイント利用時」の割引適用についての文言が表示されます。併用についての文言は変更できません。それぞれ、ポイント機能利用、クーポン機能利用時のみ表示されます。

「セット購入でお得にお求めいただける商品がカートに入っています。」（ショッピングカートバンドル販売メッセージ）

コマースクリエイター＞メッセージにある「ショッピングカートバンドル販売メッセージ」が表示されます。

「まとめ買い」（バンドル対象商品一覧へのリンク）

運用＞商品管理＞バンドル販売一覧-バンドル販売名が表示されます。

［割引確認］ボタン

コマースクリエイター＞テーマ＞ボタン一覧にある「割引確認-注文」ボタンが表示されます。
「割引確認」ボタンを押下すると、割引確認モーダルが表示され、バンドル割引の詳細がご確認いただけます。

バンドル割引の表示件数

設定＞カート＞購入画面設定-カートページ設定-バンドル対象商品一覧へのリンク表示件数／【コマースクリエイター移行中（切替前）】構築＞ページ設定＞購入画面設定-カートページ設定-バンドル対象商品一覧へのリンク表示件数にて設定できます。

「割引確認」（見出し）

コマースクリエイター＞メッセージにある「ショッピングカート割引確認モーダル見出し」が表示されます。

「販売期間」「予約受付期間」

通常商品

運用＞商品管理（商品登録）＞商品新規登録・商品基本情報編集-販売期間を設定し、「表示する」のチェックがONの場合に表示されます。

予約商品

運用＞商品管理（商品登録）＞商品情報（予約）-予約受付期間を設定し、「表示する」のチェックがONの場合に表示されます。

「セット割引」（バンドル割引額）

設定＞カート＞購入画面設定-カートページ設定-バンドル販売設定-バンドル販売割引金額キャプション ／【コマースクリエイター移行中（切替前）】構築＞ページ設定＞購入画面-カートページ設定-バンドル販売割引金額キャプションが表示されます。

「セット価格」（バンドル割引対象商品の小計額）

設定＞カート＞購入画面設定-カートページ設定-バンドル販売設定-バンドル販売価格キャプション／【コマースクリエイター移行中（切替前）】構築＞ページ設定＞購入画面-カートページ設定-バンドル販売価格キャプションが表示されます。

商品名上部のラベル

「予約商品」「割引対象外商品」「バンドル対象商品」「キャンセル不可」「店舗受取不可商品」などのラベル（商品名上部）と同様です。

バンドル割引が適用されている場合、バンドル割引額部分に設定＞カート＞購入画面設定-カートページ設定-バンドル販売設定-バンドル販売割引金額キャプション ／【コマースクリエイター移行中（切替前）】構築＞ページ設定＞購入画面-カートページ設定-バンドル販売割引金額キャプションが表示されます。が表示されます。

表示イメージ

「宅急便（ヤマト運輸）」（配送サービス名）

設定＞配送・送料＞配送サービス一覧上の宅配便の中で、最も表示順の早い（上にある）サービス名が表示されます。

「大阪府」（都道府県の表示内容）

ログイン時は、会員様のご登録住所を表示し、計算します。

未ログイン（ゲストを含む）時は、設定＞配送・送料＞配送・送料基本設定-商品詳細・カートの最短お届け日表示で選択した都道府県を表示し、計算します。

ログイン/未ログインいずれの場合でも、「お届け先を変更」リンクから都道府県を変更すると、以降はその都道府県で「最短お届け予定日」を計算します。

［お届け先を変更］（ボタン）

コマースクリエイター＞テーマ＞ボタンのにある「お届け先を変更」を表示可能です。

押下すると、「お届け先（都道府県）」モーダルが開きます。

翌営業日時刻設定設定済み
当日受注・出荷準備着手が可能な場合の表示

翌営業日時刻設定設定済み
当日受注・出荷準備着手NGな場合の表示

翌営業日時刻設定未設定の場合

「この地域へのお届け日は表示できません」

都道府県が、設定＞配送・送料＞配送サービス一覧＞宅配便設定-配送不可設定で設定された都道府県である場合に表示されます。

表示文言は変更できません。

「お届け先（都道府県）」（見出し）

コマースクリエイター＞メッセージにある「お届け先変更モーダル見出し」を表示できます。

［設定］（ボタン）

コマースクリエイター＞テーマ＞ボタンにある「設定-共通」を表示できます。

ログインしていない場合

ログイン中の場合

「Amazon.co.jpにご登録の住所・お支払い方法を利用してご注文いただけます。ご利用になるには Amazon.co.jpアカウントが必要です。」（メッセージ）

コマースクリエイター＞メッセージにある「ショッピングカートAmazon購入メッセージ」が表示されます。

［amazon pay］ボタン

コマースクリエイター＞テーマ＞テーマ設定覧-Amazon設定で選択したボタンが表示されます。

「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を選択できない商品タグをご覧ください。

1．「Google」を一番目に指定する方法

.fs-c-anotherLogin--google {
  order: -1;
}

2．並び順をすべて指定する方法

.fs-c-cartPayment .fs-c-anotherLogin--google {
  order: 1;
}
.fs-c-cartPayment .fs-c-anotherLogin--apple {
  order: 2;
}

3．初期表示として出力される順序を逆にする方法

初期表示：「Apple」「Google」
変更後：「Google」「Apple」

.fs-c-linkedServiceLogin__login {
  flex-direction: column-reverse;
}

「お気に入りリスト」に入っている商品」（見出し）

コマースクリエイター＞メッセージにある「お気に入り商品一覧見出し」で変更できます。

お気に入りリストの表示パターン

設定＞購入者・会員情報＞会員設定-お気に入り設定-お気に入り商品表示パターンで変更できます。

【コマースクリエイター移行中（切替前）】構築＞購入者・会員情報＞会員設定-お気に入り設定-お気に入り商品表示パターンで変更できます。

おすすめ商品の表示パターン

「表示方法」で説明した設定画面と同じ画面より、3パターンから選択できます。

各パターンと、商品種類別の表示項目と表示イメージは、任意商品表示パーツ-表示パターンをご参照ください。

「おすすめ商品」（見出し）

コマースクリエイター＞メッセージにある「おすすめ商品見出し」が表示されます。

画像サイズ

おすすめ商品に表示される画像の表示サイズは、コマースクリエイター＞テーマ＞テーマ設定-商品画像サイズ設定の「商品一覧」で設定したサイズになります。

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

見出し

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

コーディネート画像のサイズ

コマースクリエイター＞テーマ＞テーマ設定-STAFF START設定-カート内の商品を使ったコーディネート（新着順）で変更できます。

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

見出し

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

コーディネート画像のサイズ

コマースクリエイター＞テーマ＞テーマ設定-STAFF START設定-カート内の商品を使ったコーディネート（人気順）で変更できます。

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

見出し

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

コーディネート画像のサイズ

コマースクリエイター＞テーマ＞テーマ設定-STAFF START設定-コーディネート表示（新着順）で変更できます。

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

見出し

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

コーディネート画像のサイズ

コマースクリエイター＞テーマ＞テーマ設定-STAFF START設定-コーディネート表示（人気順）で変更できます。

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

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

見出し

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

スタッフ画像のサイズ

（1サイズのみであるため）固定です。

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

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

見出し

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

スタッフ画像のサイズ

（1サイズのみであるため）固定です。