1. オンラインマニュアル
  2. 管理画面メニューガイド
  3. [運用]メニュー
  4. 商品管理(商品登録)
  5. 商品情報(バリエーション)
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニューガイド
  • まずはじめに
  • [TOP]
  • [commerce creator]メニュー
  • [設定]メニュー
  • [システム]メニュー
  • [管理]メニュー
  • [運用]メニュー
コマースクリエイター構築ガイド
  • はじめてのコマースクリエイター
  • 使いこなそうコマースクリエイター
  • ユーザー画面リファレンス
  • 仕様・初期値
  • 画像登録
  • コマースクリエイターへの移行
決済機能について
外部連携・フィード・API
一括登録・一括取得
  • 一括登録のエラー内容について
  • 商品基本データ
  • 予約データ
  • グループデータ
  • 会員・メールマガジン会員
  • ポイント・クーポン
  • 定期・頒布会データ
  • STAFF START関連
  • 受注データ
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニューガイド
  • まずはじめに
  • [TOP]
  • [commerce creator]メニュー
  • [設定]メニュー
  • [システム]メニュー
  • [管理]メニュー
  • [運用]メニュー
コマースクリエイター構築ガイド
  • はじめてのコマースクリエイター
  • 使いこなそうコマースクリエイター
  • ユーザー画面リファレンス
  • 仕様・初期値
  • 画像登録
  • コマースクリエイターへの移行
決済機能について
外部連携・フィード・API
一括登録・一括取得
  • 一括登録のエラー内容について
  • 商品基本データ
  • 予約データ
  • グループデータ
  • 会員・メールマガジン会員
  • ポイント・クーポン
  • 定期・頒布会データ
  • STAFF START関連
  • 受注データ
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニューガイド
  • まずはじめに
  • [TOP]
  • [commerce creator]メニュー
  • [設定]メニュー
  • [システム]メニュー
  • [管理]メニュー
  • [運用]メニュー
コマースクリエイター構築ガイド
  • はじめてのコマースクリエイター
  • 使いこなそうコマースクリエイター
  • ユーザー画面リファレンス
  • 仕様・初期値
  • 画像登録
  • コマースクリエイターへの移行
決済機能について
外部連携・フィード・API
一括登録・一括取得
  • 一括登録のエラー内容について
  • 商品基本データ
  • 予約データ
  • グループデータ
  • 会員・メールマガジン会員
  • ポイント・クーポン
  • 定期・頒布会データ
  • STAFF START関連
  • 受注データ
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について

商品情報(バリエーション)

目次

商品バリエーション設定

商品バリエーションは、ショップ画面で、商品の色やサイズなどを、お客様に選んでいただく場合の選択肢を登録/編集します。
ショップ画面で、例えば縦軸にサイズ、横軸に色を設定した「表組」などで表示することができます。

商品バリエーション設定は、商品のバリエーションごと(SKUごと)に在庫管理できます。
また(コマースクリエイター利用時には)バリエーションごとに画像を設定することも可能です。
※在庫数の管理がバリエーションごとの画像が必要ない場合は、「項目選択肢」をご利用いただくことも可能です。

「バリエーション検索を行うHTMLタグ」を利用することで、在庫のあるバリエーションを検索することもできます。(構築>その他>各ページURL・タグ一覧-HTMLタグ-バリエーション検索を行うHTMLタグをご参照ください。)

バリエーション設定方法

設定項目について

縦軸・横軸
バリエーションの軸となります。(例:カラー・サイズ・プリント柄など)
両軸とも利用、一方の軸のみの利用、どちらも可能です。
「縦軸」「横軸」でそれぞれ50項目まで登録できます。
ただし、「縦軸」と「横軸」の登録数を掛けて合計400項目を超える場合は登録できません

(例)
縦軸20項目×横軸20項目=400バリエーション(登録できます)
横軸50項目×横軸8項目=400バリエーション(登録できます)
縦軸50項目×横軸50項目=2500バリエーション(登録できません)
項目名
ユーザー画面(ECサイト)に表示されます。
バリエーション軸の見出しになります。
表示イメージ(一例)
※利用カート、またどちらを主軸に設定するかにより表示は異なります。
くわしくは、バリエーションの表示イメージをご覧ください。
選択肢名
ユーザー画面(ECサイト)に表示されます。
お客様(消費者)に選択いただくバリエーションの選択肢名になります。
表示イメージ(一例)
※利用カート、またどちらを主軸に設定するかにより表示は異なります。
くわしくは、バリエーションの表示イメージをご覧ください。
枝番号
ユーザー画面(ECサイト)には表示されません
システム制御用のコードです。
CSVの項目や受注データ、またプロモーション機能で商品番号とともに出力されます。
表示順序
ユーザー画面(ECサイト)で番号の昇順にて選択しとして表示されます。
[削除]チェックボックス
「削除」欄にチェックを付けて、[バリエーション在庫設定へ]ボタンを押下します。
「バリエーション在庫設定」画面にて[登録する]ボタンを押下するとバリエーションが削除されます。
[バリエーション在庫設定へ]ボタン
バリエーションに関する情報(在庫数、僅少表示閾値、在庫切れメール閾値)を設定する画面へ遷移します。
くわしくは、商品情報(バリエーション在庫設定)をご覧ください。
バリエーションライブラリ
よく使うバリエーションを登録しておきます。
利用方法についてはバリエーションライブラリ利用方法をご覧ください。
バリエーションライブラリーの登録方法については、商品情報(バリエーション-バリエーションライブラリ)をご覧ください。

バリエーションの表示イメージ

以前からのユーザー画面

商品詳細ページでのバリエーション表示方法は、以下の画面で設定します。
「縦選択肢/横選択肢」の順に並べるか、「横選択肢/縦選択肢」の順に並べるかを選択できます。

バリエーションを表組みで表示(PCサイト)
すべてのバリエーションをセレクトボックスで表示(スマートフォンサイト)
バリエーションごとにカートボタンを表示(PC/スマートフォンサイト)
一方のバリエーションを選択する(スマートフォンサイト)

コマースクリエイター

コマースクリエイター>テーマ>レイアウト変更にて配置する、カートパーツ(システムパーツ)により表示が異なります
くわしくは、商品バリエーション表示の変更をご覧ください。

設定>商品・商品グループ>商品ページ設定-バリエーション表示設定にて、「縦選択肢/横選択肢」の順に並べるか、「横選択肢/縦選択肢」の順に並べるかを選択できます。

商品グループ

以下の2種類のパーツのいずれかを配置できます。

カート・バリエーションごとにボタンパーツ
カート・セレクトボックスのみパーツ

商品詳細

以下の4種類のパーツのいずれかを配置できます。

カート・バリエーションごとにボタンパーツ
カート・バリエーション表組パーツ
カート・セレクトボックス&ラジオパーツ
カート・セレクトボックスのみパーツ

バリエーションの表示用システムパーツの種類については下記をご覧ください。

バリエーションライブラリ利用方法

あらかじめ、バリエーションライブラリーを登録しておきます。
登録方法については、商品情報(バリエーション-バリエーションライブラリ)をご覧ください。

  1. [バリエーションライブラリ]ボタンを押下します。
  2. 「バリエーションライブラリ」画面にて、登録するバリエーションの[選択]ボタンを押下します。
  3. バリエーション登録画面にライブラリの内容が自動的に入力されます。
    入力内容を確認し、必要に応じて「表示順」を入力してください。
  4. [バリエーション在庫設定へ]ボタンを押下します。
    「バリエーション在庫設定」画面にて[登録する]ボタンを押下すると登録完了です。