平日10:00~17:00
06-6485-6485
fshop-AI(研修中) AIチャットを開く

「バリエーション価格」表示機能について

「バリエーション価格」表示機能について

「バリエーション価格」表示機能の概要

バリエーション自体の設定方法(手順)については、「バリエーション」設定の流れをご覧ください。


カラーやサイズなどのバリエーション設定がある商品で、バリエーションごとに価格が異なる場合でも、1つの「商品詳細」画面に全てのバリエーションとその価格を表示し、お客様(消費者)に選択いただけます。

画面遷移をしていただく必要がないので、「欲しいバリエーションが探せない」「どれがどのバリエーションか分かりにくい」といった不便さをなくします。

また商品登録においても、価格が異なるからといってバリエーション毎に商品登録を分ける必要がありません。
1つの商品登録画面に設定したバリエーションに、それぞれバリエーション価格を登録すれば完了です。

バリエーション商品における「探せない」「探しにくい」をなくし、さらに商品登録や管理の煩雑さをなくし、売上向上につなげましょう。

表示イメージまとめ

「バリエーション価格」表示機能の基本的な仕様

表示における仕様

  • バリエーション価格の登録前に、商品を公開してしまうと、販売価格で販売されてしまいます。
    適宜「非公開」にするなど設定手順にご注意ください。
  • バリエーション商品において、バリエーション価格の登録がない場合は以下のように表示されます。
  • 「通常商品」の場合は、販売価格が表示されます。
  • 商品レビュー一覧表示はバリエーション価格で表示されます。(※ 「future Review」ご利用時には、「商品レビュー一覧」画面は表示されません。)

「バリエーション価格」対応・非対応について

  • 定期・頒布会商品 には対応していません。
    定期・頒布会機能を利用する際には、バリエーションの登録自体はできますが、バリエーション価格の利用ができません。
  • 予約商品 に対応しています。
  • ポイントについては、バリエーション価格ごとに計算して表示・付与されます。店舗様の作業は必要ありません。
  • カートボタン(HTML出力)を利用してカートボタンを表示した場合、ページにはバリエーション価格は表示されませんが、カート内では、バリエーション価格で販売されます。
    ご利用中の店舗様の作業は必要ありません。
  • STAFF START ご利用の場合、コーディネート商品に関する表示は、バリエーション価格に対応しています。
    • 「STAFF START連携(オプション)」は、2026.07.ddをもって新規のお申込み受付を終了しております。
    • 提携サービス一覧より、「STAFF START(タグ連携)」 をお申込みください。
    • 現在「STAFF START連携」をご利用の店舗様も、「STAFF START(タグ連携)」に移行いただくことが可能です。

「バリエーション価格」表示機能追加に伴う、管理画面/各種仕様

「代表バリエーション」について

「代表バリエーション」とは

外部連携時に主に利用されます。
バリエーション単位で連携している場合には、各バリエーション毎に価格などの情報を連携しますが、
商品単位で連携している場合には、「代表バリエーション」に設定されたバリエーションの情報を連携します。

<「代表バリエーション」の設定(指定)方法>

以下のいずれかで行います。

・管理画面: 商品バリエーション設定(確認用画面)
・CSVでの一括登録:バリエーション詳細登録用ファイル (後述します。)

  • 2023.07バージョンUP前に登録された商品は、バリエーションNOが最も小さいものを自動的に「代表バリエーション」として設定しています。
    変更する場合は、商品バリエーション設定(確認用画面) より操作してください。

CSVでの一括登録について

一部のファイルが2025.11.18に廃止となりました。 後継のファイルは表にてご確認ください。

バリエーション登録に関するファイル

バリエーション登録用ファイル(※2025.11.18廃止)は廃止となります。
以下のファイルをご利用ください。

予約販売商品登録に関するファイル

予約設定登録用ファイル(※2025.11.18廃止)は廃止となります。
以下のファイルをご利用ください。

予約商品のバリエーション登録に関するファイル

構造化データについて

バリエーション価格が設定されている商品の場合、「price(商品価格)」でバリエーション価格を出力します。

詳しくは、「商品(Product)」の構造化データ項目と出力内容についてをご覧ください。


置換文字について

以下の置換文字は、バリエーション価格を考慮した出力となります。

  • 販売価格:{% product.sales_price %}
  • 通常価格:{% product.list_price %}
  • 予約価格:{% product.pre_sales_price %}
  • 販売価格(OGP):{% product.tax_in_price_raw %}
出力条件について

以下をご参照ください。

<販売価格 {% product.sales_price %}

バリエーション価格の設定 代表バリエーションのバリエーション価格の設定 出力内容
あり あり 代表バリエーションのバリエーション販売価格
なし 本体価格
なし - 本体価格

<通常価格 {% product.list_price %}

予約販売価格の設定 バリエーション予約販売価格の設定 出力内容
あり あり 空文字
なし 通常価格
予約販売価格の設定 バリエーション価格の設定 出力内容
なし あり 空文字
なし 通常価格

<予約価格 {% product.pre_sales_price %}

予約販売の設定 バリエーション予約販売価格の設定 代表バリエーションのバリエーション予約販売価格の設定 出力内容
あり あり あり 代表バリエーションのバリエーション予約販売価格
なし 予約販売価格
なし - 予約販売価格
なし - - 空文字

<販売価格(OGP) {% product.tax_in_price_raw %}

・通常販売の場合

バリエーション価格の設定 代表バリエーションのバリエーション価格の設定 出力内容
あり あり 代表バリエーションのバリエーション販売価格
なし 本体価格
なし - 本体価格

・予約販売の場合

予約販売の設定 バリエーション予約販売価格の設定 代表バリエーションのバリエーション予約販売価格の設定 出力内容
あり あり あり 代表バリエーションのバリエーション予約販売価格
なし 予約販売価格
なし - 予約販売価格
なし - - 空文字

測定タグについて

以下の置換文字を利用した場合、バリエーション価格を考慮した出力となります。

  • 商品単価(オプション価格除く・税抜):{% analytics.product.price_excluding_tax %}
  • 商品単価(オプション価格除く・税込):{% analytics.product.price_including_tax %}
  • 消費税(販売価格):{% analytics.tax %}
  • 付与ポイント数:{% analytics.earn_points %}
出力条件について

以下をご参照ください。

  • 「付与ポイント数」は、以下を元にして計算されます。

<通常販売商品の場合>

バリエーション価格の設定 代表バリエーションのバリエーション価格の設定 出力内容
あり あり 代表バリエーションのバリエーション販売価格
なし 販売価格
なし - 販売価格
  • 「商品単価(オプション価格除く・税抜)」と「商品単価(オプション価格除く・税込)」の「ショッピングカート」以降での出力の場合は、「代表バリエーション」ではなく、「個別バリエーションの販売価格」を出力

<予約販売商品の場合>

予約販売の設定 バリエーション予約販売価格の設定 代表バリエーションのバリエーション予約販売価格の設定 出力内容
あり あり あり 代表バリエーションのバリエーション予約販売価格
なし 予約販売
なし - 予約販売
なし - - 通常販売商品と同様に出力
  • 「商品単価(オプション価格除く・税抜)」と「商品単価(オプション価格除く・税込)」の「ショッピングカート」以降での出力の場合は、「代表バリエーション」ではなく、「個別バリエーションの予約販売価格」を出力

レコメンド2/future AI Recommendについて

レコメンド2

future AI Recommend

レコメンド「表示枠」への連携

「表示枠」内のレコメンド商品に表示される価格・画像については以下の通りです。

  • 通常価格:代表バリエーション価格(※登録がない場合は「販売価格」を表示)
  • 予約価格:代表バリーション予約価格(※登録がない場合は「予約販売価格」を表示)
  • 「値下げされた商品」レコメンドに関する「値下げ」の判定:代表バリエーション価格の「値下げ」により判定
    (※バリエーション登録自体の変更による価格の変動は、判定対象外です。)
レコメンドを表示するための行動履歴・注文履歴の連携

バリエーション価格の連携は、ユーザーのアクションによって以下のようになります。

  • [A]「「商品詳細」画面からのカート追加・削除」「ショッピングカートを表示」した場合
    AI Recommend側に連携する項目「税込み価格」において、バリエーション価格を設定している商品の場合は、バリエーション価格を連携
  • [A]以外のアクションの場合
    • バリエーション商品の場合:
      • バリエーションの価格が設定されている場合は、代表バリエーションの価格を連携
      • バリエーション価格が設定されていない場合は、販売価格を連携
    • バリエーション商品ではない場合:販売価格を連携

Facebookピクセル(Metaピクセル)利用時のコンバージョンAPIについて

コンバージョンAPIご利用方法(Facebookピクセル(Metaピクセル)利用時) をご利用の場合です。

以下のアクション時にFacebookピクセル(Metaピクセル)側に連携する項目において、
バリエーション価格を設定している商品の場合は、バリエーション価格で連携します。

  • 購入
  • カートに追加
  • チェックアウト開始
  • ウィッシュリストに追加
    • バリエーション単位で追加した場合:バリエーション単位でのバリエーション価格での連携
    • 商品単位で追加した場合:代表バリエーション価格での連携

Google Analytics eコマースについて

以下のアクション時の連携項目「price」において、バリエーション価格に対応します。

  • 商品一覧IMP
    • お気に入り画面の時は、以下の通り。
  • バリエーション単位で登録した場合:該当バリエーションの価格を出力する
  • 商品単位で登録した場合:商品価格レンジで出力する
  • 商品IMP(view_item)
  • 商品CLK(select_content・select_item)
    • お気に入り画面の時は、以下の通り。
  • バリエーション単位で登録した場合:該当バリエーションの価格を出力する
  • 商品単位で登録した場合:商品価格レンジで出力する
  • カート増加(add_to_cart)
  • 決済開始(begin_checkout)
  • カート減少(remove_from_cart)
  • 決済ステップ(set_checkout_option→add_payment_info)
  • カート表示(view_cart)

外部連携について

<任意商品データフィードにて、商品情報と販売価格を連携をしている場合>

出力先により異なります。
詳しくは、商品フィード連携について と同マニュアル内の 表の見方(出力条件について) をご覧ください。

<APIにて、商品情報と販売価格を連携をしている場合>

  • APIにて「商品情報」を連携しているか否かについては、連携先にご確認ください。

「販売価格」が連携され、表示されます。(2023.07.11現在)

ユーザー画面の表示について

商品詳細・商品一覧ページ上の、価格とポイントの表示について

<商品詳細ページの場合>
設定>商品・商品グループ>商品ページ設定-バリエーション販売価格・バリエーション予約販売価格表示設定での設定により表示が異なります。

<商品詳細ページの場合>
設定>商品・商品グループ>商品一覧ページ設定-バリエーション販売価格・バリエーション予約販売価格表示設定での設定により表示が異なります。


[A]「最高価格を表示せず「最小価格〜」の形式で表示する」
を選択した場合

ALTテキスト

                ↓↓↓

[B]「最小価格〜「最高価格」の形式で表示する」
を選択 した場合

ALTテキスト

               ↓↓↓

商品詳細
商品詳細

最小価格、および、最小価格をもとにした付与ポイント数が表示されます。

商品一覧
商品一覧

最小価格が表示されます。

商品詳細
商品詳細

最小価格と最高価格が表示され、それぞれの価格をもとにした付与ポイント数が表示されます。

商品一覧
商品一覧

最小価格と最高価格が表示されます。

予約商品の場合の表示

予約販売・通常販売価格のいずれか一方でもバリエーション価格を利用している場合には、予約販売・通常販売価格が異なっていても、通常販売時の価格は表示されません。

予約販売価格 通常販売価格 商品詳細ページでの表示 商品一覧ページでの表示
バリエーション価格あり バリエーション価格あり
[A]選択時
[A]選択時
[B]選択時
[B]選択時
[A]選択時
[A]選択時
[B]選択時
[B]選択時
通常販売時の価格は表示されません。
バリエーション価格なし
バリエーション価格なし バリエーション価格あり

ALTテキスト

ALTテキスト

通常販売時の価格は表示されません。
バリエーション価格なし ※既存の表示と同様

ALTテキスト

※既存の表示と同様

ALTテキスト

予約販売価格・通常販売価格が異なる場合、
通常販売時の価格が上部に表示されます。
バリエーション選択時の表示

ALTテキスト

[A][B]いずれの場合も、バリエーションを選択すると、該当のバリエーション価格のみが表示されます。


各カートパーツにおけるバリエーション価格の表示について

「バリエーション価格」表示機能の追加に伴い、新規パーツ「カート・バリエーション選択スライダー」が追加されます。
既存パーツは、バリエーション価格利用時の表示設定など、追加となる仕様があります。

カート・バリエーション選択スライダー利用時の表示

ALTテキスト

  • 本パーツは、コマースクリエイター移行中(切替前)でも利用できますが、「バリエーション価格」の設定、「代表バリエーション」の指定は、コマースクリエイター運用中(新規・切替後)のみ行えます。
  • 2023.07より、新規追加されるパーツ
  • 「商品詳細(定期)」画面には表示できません。
  • バリエーション価格あり商品は、バリエーション毎に価格を表示します。 ただし、すべてのバリエーションが同一価格で登録されている場合は、バリエーション毎の価格は表示されません。
  • 在庫切れのバリエーションは枠を点線で表示します。(選択は可能)

バリエーション毎にカートボタン利用時の表示

バリエーション価格あり商品は、バリエーション毎に価格を表示します。

ALTテキスト

バリエーション表組表示利用時の表示

バリエーション価格あり商品は、バリエーション毎に価格を表示します。

ALTテキスト

カート・セレクトボックス&ラジオパーツ利用時の表示

バリエーション価格あり商品は、片軸が確定したタイミングでバリエーション毎に価格を表示します。

ALTテキスト

セレクトボックスのみ利用時の表示

バリエーション価格あり商品は、バリエーション毎に価格を表示します。

セレクトボックスのみ


お気に入り商品一覧の表示について

バリエーション指定でお気に入り登録している場合は、該当バリエーションの価格を表示します。

商品指定でお気に入り登録している場合は、設定>商品・商品グループ>商品一覧ページ設定-バリエーション販売価格・バリエーション予約販売価格表示設定に従い、商品価格レンジを表示します。

バリエーション指定でお気に入り追加された場合
バリエーション指定でお気に入り追加された場合
商品単位でお気に入り追加された場合
商品単位でお気に入り追加された場合
商品単位でお気に入り追加された場合
商品単位でお気に入り追加された場合

「価格でのソート」・「検索による結果表示」について

  • 価格ソートは最小価格でソートを行います。
  • 価格での検索の場合、最小/最大レンジいずれか一方でも、検索条件に合致した場合は検索結果として表示します。
  • 検索結果での表示は、レンジで表示します。
ユーザー画面内
「詳細検索」による表示
「詳細検索」による表示

在庫の有無による価格表記について

在庫の有無は価格表記に影響しません。

在庫がないバリエーションについても、各バリエーション商品ごとの価格は表示されます。
またレンジ表示においても、最小価格・最大価格に該当する商品が在庫切れがであっても、該当の価格は表示されます。