「商品詳細」画面

「配送・送料機能（upgrade版）」未利用（「従来版」利用中）の場合は、一部、表示内容が異なります。文中の注釈にご注意ください。
2024.01.24以降futureshop新規発行店舗様は、すでにupgrade版の機能をお使いです。

＜ページURL＞

https://ご利用店舗ドメイン/c/（商品グループURL）/（商品URLコード）

表示イメージはスタートアップテーマ（カスタマイズ前）です。

利用するパーツや項目設定により表示内容やレイアウトを変更できます。詳しくは各システムパーツの説明をご覧ください。

商品詳細レイアウトに配置されるシステムパーツは以下となります。
画像は「スタートアップテーマ」のものとなります。
一部、フリーパーツもご紹介しています。

商品詳細のレイアウトにあるバリエーション表示パーツについては商品バリエーション表示の変更をご覧ください。

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

さらに深く商品の魅力をお伝えしたい方向けのサービス

パンくずリストパーツ

商品のメイングループを表示できます。

「HOME」（最上位階層の名称・リンク先）

サブグループパンくずリストパーツ

商品にサブグループが登録されている場合に、パンくずリストを表示できます。

エラー表示

エラーがあった場合に表示され、「×」を押下すると消去できます。

商品詳細エリア（システムパーツグループ）

商品情報を表示するシステムパーツを配置する特殊なシステムパーツ（システムパーツグループ）です。
商品情報を表示するシステムパーツや商品情報置換文字を記載したフリーパーツは、商品詳細エリア（システムパーツグループ）の下部階層に配置します。

商品詳細エリアは、formタグにて構成されています。

HTMLタグの動作上、商品詳細エリア内にformタグを含むパーツを配置しても正しく動作しません。
運用＞商品管理＞商品検索結果一覧から出力できる『商品の「カートへ」ボタン』も配置できません。

formタグを含むパーツを配置する場合は、コマースクリエイター＞レイアウト変更にて、「商品詳細エリア」の外に配置してください。

商品画像パーツ

商品画像は運用＞商品管理＞商品画像設定（コマースクリエイター）にて登録します。
一括登録をされる際は、商品画像登録（コマースクリエイター）をご覧ください。

商品動画を表示することも可能です。
動画の登録は、［商品情報］動画設定にて行います。

通常表示の大きい画像（メイン画像）について

1枚目には、商品画像設定（コマースクリエイター）にて「商品サムネイル画像に指定する」を選択した画像が表示されます。

メイン画像の初期表示についてはこちらをご覧ください。

通常表示の小さい画像（サブ画像）について

商品画像設定（コマースクリエイター）にて設定した、表示順もしくは画像番号順に一覧表示します。
サブ画像をクリック（タップ）してメイン画像を切替できます。

バリエーション登録がある場合、バリエーション名を画面下部に表示します。

画像の表示順についてはこちらをご覧ください。

バリエーションサムネイル画像の表示

バリエーション選択時には、バリエーションサムネイル画像に指定するに設定した画像に切り替わります。

［拡大］ボタンについて（虫眼鏡マーク）

コマースクリエイター＞テーマ＞ボタンにある「拡大画像表示(アイコン)-商品詳細」ボタンを表示できます。
押下すると、画像を拡大表示します。
拡大画像は画面幅に合わせて表示します。
拡大画面でボタン押下にて前後送り、またはフリックできます。
- ただし、動画はスキップされます。
画面下部にドットナビゲーションが表示されます。
拡大画像の表示順については、メイン画像と拡大画像の表示順についてをご覧ください。
バリエーション登録がある場合、バリエーション名を画面上部に表示します。
商品動画の場合は、虫眼鏡マークは押下できません（拡大表示できません）。

画像の表示順についてはこちらをご覧ください。

画像サイズについて

商品画像パーツに表示される画像は、コマースクリエイター＞テーマ設定-商品画像サイズ設定が以下のように反映されます。

表示画像	テーマ設定-商品画像サイズ設定
通常表示の大きい画像（メイン画像）	商品画像（メイン）
通常表示の小さい画像（サブ画像）	商品画像（サブ）
拡大表示の大きい画像	拡大画像

【参考】メイン画像の初期表示と画像の表示順について

商品画像パーツ・フリック

商品動画を表示することも可能です。
動画の登録は、［商品情報］動画設定にて行います。

「商品画像パーツ・フリック」パーツを表示したい「商品詳細」画面用のレイアウトに配置すると、商品をフリックで切替えて表示できます。

通常表示の大きい画像（メイン画像）について

1枚目には、商品画像設定（コマースクリエイター）で設定した表示順、もしくは画像番号順に表示されます。

メイン画像は、押下すると画像が拡大表示されます。前後送りまたはフリックで切替えでき、サブ画像も連動します。

メイン画像の初期表示についてはこちらをご覧ください。

通常表示の小さい画像（サブ画像）について

画像の登録が1枚の場合は、表示されません。複数枚登録されている場合のみ表示されます。

バリエーション登録がある場合、バリエーション名を画面下部に表示します。

画像の表示順についてはこちらをご覧ください。

バリエーションサムネイル画像の表示

バリエーション選択時には、バリエーションサムネイル画像に指定するに設定した画像に切り替わります。

［拡大］ボタンについて（虫眼鏡マーク）

コマースクリエイター＞テーマ＞ボタンにある「拡大画像表示(アイコン)-商品詳細」ボタンを表示できます。
押下すると、画像を拡大表示します。
拡大表示時は画像の中央部分に寄って、画面幅を超えて拡大表示します。
拡大画面でボタン押下にて前後送り、またはフリックできます。
- ただし、動画はスキップされます。
拡大画像はクリック（タップまたはピンチ操作）にて表示倍率が段階的に変わります。
左上に表示画像/商品画像枚数が表示されます。
拡大表示時に商品画像を前後送りまたはフリックすると、メイン画像も連動します。
バリエーション登録がある場合、バリエーション名を画面下部に表示します。
商品動画の場合は、虫眼鏡マークは押下できません（拡大表示できません）。

画像の表示順についてはこちらをご覧ください。

画像サイズについて

商品画像パーツに表示される画像は、コマースクリエイター＞テーマ設定-商品画像サイズ設定が以下のように反映されます。

表示画像	テーマ設定-商品画像サイズ設定
通常表示の大きい画像（メイン画像）	商品画像（メイン）
通常表示の小さい画像（サブ画像）	商品画像（サブ）
拡大表示の大きい画像	拡大画像

【参考】メイン画像の初期表示と画像の表示順について

商品画像繰り返しパーツ

本パーツには、［商品情報］動画設定にて登録した動画は表示されません。

画像サイズは「商品画像（メイン）」です。
画像サイズの詳細についてはコマースクリエイター＞テーマ設定-商品画像サイズ設定をご覧ください。

【参考】画像の表示順について

商品名パーツ

運用＞商品管理＞商品新規登録・商品基本情報編集-商品基本情報にあるキャッチコピーと商品名が表示されます。

【html出力例】

<h1>アラームクロック</h1>

※実際には<h1>にclassが指定されています。出力タグを変更することはできません。

運用＞商品管理＞商品新規登録・商品基本情報編集-商品基本情報にあるキャッチコピーと商品名が表示されます。

【html出力例】

<h1><span>すっきりと目覚めたいあなたに</span>アラームクロック</h1>

※実際には<h1><span>にclassが指定されています。出力タグを変更することはできません。

商品番号パーツ

運用＞商品管理＞商品新規登録・商品基本情報編集-商品基本情報-商品番号が表示されます。

入出荷予定日表記名パーツ

バリエーションが登録されていない商品が予定在庫機能をご利用の場合に、運用＞商品管理＞商品情報（予定在庫設定-予定在庫設定-入出荷予定日-表記名）が表示されます。

「表示する」のチェックボックスが非選択の場合は表示されません。バリエーションが登録されている商品は、カートボタンパーツに表示されます。

予約コメントパーツ

予約販売商品に、コマースクリエイター＞メッセージの「商品詳細予約商品メッセージ」が表示されます。

商品マークパーツ

※「配送・送料機能（upgrade版）」未利用（「従来版」利用中）の場合はこちらをご覧ください。

商品価格パーツ

価格の設定方法は以下の通りです。

「販売価格」「会員（ステージ）価格」「通常価格(定価)」：商品新規登録・商品基本情報編集-商品価格にて設定
「予約販売価格」：予約設定-予約販売価格にて設定

「定価」「当店特別価格」（定価・販売価格表示の文言）

「会員特別価格」（会員（ステージ）価格のラベル）

消費税（税込・税抜）表示

価格表示の税表示については、一律「¥●● （税込）」となります。

ポイントパーツ

商品の購入ポイントが、自動的に計算され表示されます。

ポイント付与率

商品固有のポイント付与率は、運用＞商品管理＞商品新規登録・商品基本情報編集-ポイント付与率にて行います。

「［●●ポイント進呈］」（ポイント前後のキャプション）

ログイン誘導リンク

ログインしていない（ゲスト）場合に、会員登録を誘導するために表示するリンクです。
押下すると、ログイン（会員登録）画面へ遷移します。
会員価格を表示せず、「ログイン誘導リンク」を表示することで、会員登録を誘導できます。

リンクの表示方法

「ログインしていただくと、会員価格が表示されます。」（リンクラベル）

メッセージにある「商品詳細ログイン誘導リンク」にて変更できます。

リンク押下時に表示される会員価格は、
運用＞商品管理＞商品新規登録・商品基本情報編集-商品価格にある「会員特別価格設定商品とするにチェック」を設定し、会員（ステージ）価格を登録します。

［参考］会員価格を表示したうえで、会員登録を誘導する方法

メッセージにある「商品詳細ログイン誘導リンク」にて「ログイン誘導リンク」の表示内容を適切なものに変更する。（例：会員登録後の特別価格など）

商品個別送料パーツ

表示形式

運用＞商品管理＞商品情報（項目選択肢）の「表示タイプ」で選択します。（ラジオボタン・セレクトボックス・テキストフィールド・テキストフィールド（入力必須））

＜セレクトボックス形式の場合＞

「選択してください」（初期値）

オプション価格パーツ

運用＞商品管理＞商品情報（オプション価格設定）を設定すると表示されます。

表示形式

消費税（税込・税抜）表示

価格表示の税表示については、一律「¥●●（税込）」となります。

セレクトボックス形式の場合

「選択してください」（初期値）

オプション設定をギフト販売用に使う方へ

カートボタンパーツ

バリエーションではない商品の場合

こちらのカートパーツを利用します。

バリエーション商品である場合

カートパーツとしては、4種類ご用意しています。
いずれか1つを必ず「商品詳細」レイアウトに配置する必要があります。

通常販売・予約商品の両方に対応しています。バリエーションがある商品については、予定在庫表示に対応しています。
カートボタンパーツは、「バリエーション画像表」「在庫の有無」「僅少表示」「カートボタン/［再入荷お知らせ］ボタン表示」「お気に入り登録済み/未登録の表示」など、様々な制御を行っています。
そのため、JavaScirptなどを使用してHTMLを変更した場合、正常に動作しなくなる可能性があります。予めご了承ください。

［バリエーション商品ではない場合］のカートボタンパーツ

バリエーションではない商品のカートパーツは、以下の1種類のみです。

カートボタン

全パーツで共通です。
バリエーション用のカートパーツをレイアウト配置した場合でも、バリエーション登録がない商品であれば本ボタンパーツが表示されます。

［カートに入れる］ボタン

コマースクリエイター＞テーマ＞ボタンにある「カートに入れる-商品共通」ボタンを表示できます。

［お気に入り登録する］ボタン

コマースクリエイター＞テーマ＞ボタンにある「お気に入り登録(ラベル付)-商品詳細」ボタンを表示できます。

お気に入り登録後は、［お気に入りを解除する］ボタンとなります。コマースクリエイター＞テーマ＞ボタンにある「お気に入り解除(ラベル付)-商品詳細」ボタンを表示できます。

在庫表示について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（上級デザイン）-上級デザイン設定-在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－在庫数などを表示しない（何も表示しない）場合

「表示しない」を選択

－在庫数を表示する場合

「在庫数表示」を選択
在庫数前のキャプション（例：在庫数）は、コマースクリエイター＞メッセージにある「商品一覧在庫数キャプション」を表示できます。

－在庫数に関するメッセージを表示する場合

「在庫僅少表示」を選択
在庫数前のキャプション（例：在庫数）は、コマースクリエイター＞メッセージにある「商品詳細在庫僅少メッセージ」を表示できます。
メッセージ表示の閾値は、以下で設定します。
設定値以下になると表示されます。

在庫切れの場合の表示

詳細については、在庫なし表示テキストを併せてご確認ください。

［再入荷お知らせ］（ボタン）の表示

在庫切れ時に、カートボタンに代わって［再入荷お知らせ］ボタンを表示できます。

チェックOFFの場合は、カートボタンは表示されません。

ボタンラベルは、コマースクリエイター＞テーマ＞ボタンにある「入荷お知らせメール申込-商品共通」ボタンで変更できます。

押下すると、「入荷お知らせメール申し込みモーダル」に遷移します。詳しくは、入荷お知らせメール申し込みモーダルをご覧ください。

商品ごとに［再入荷お知らせ］ボタンを非表示にする場合は、運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

予定在庫機能をご利用で、かつ通常在庫切れの場合は運用＞商品管理＞商品情報（予定在庫設定）-予定在庫設定-予定在庫数が適用されます。

「入出荷予定日-表記名」は「入出荷予定日表記名パーツ」に表示されます。

予約販売在庫について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（予約）-予約在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－予約在庫数などを表示しない（何も表示しない）場合

「表示しない」を選択

－予約在庫数を表示する場合

「予約在庫数表示」を選択
予約在庫数前のキャプション（例：予約在庫数）は、コマースクリエイター＞メッセージにある「商品一覧予約在庫数キャプション」を表示できます。

－予約在庫数に関するメッセージを表示

「予約在庫僅少表示」を選択
予約在庫数前のキャプション（例：予約在庫数）は、コマースクリエイター＞メッセージにある「商品詳細予約在庫僅少メッセージ」を表示できます。
メッセージ表示の閾値は、以下で設定します。
設定値以下になると表示されます。

予約在庫切れの場合の表示

詳細については、在庫なし表示テキストを併せてご確認ください。

［バリエーション商品である場合］のカートボタンパーツ

4種類ご用意しています。
いずれか1つを必ず「商品詳細」レイアウトに配置する必要があります。

カート・バリエーションごとにボタンパーツ
カート・バリエーション表組パーツ
カート・セレクトボックス＆ラジオパーツ
カート・セレクトボックスのみパーツ
カート・バリエーション選択スライダーパーツ（※コマースクリエイター移行中（切替前）の場合は、バリエーション価格利用不可）

カート・バリエーションごとにボタンパーツ

バリエーションごとにお気に入りボタン、カートボタンを表示できます。

バリエーションごとの画像

運用＞商品管理＞商品画像設定（コマースクリエイター）にて、（カラー）バリエーション設定された商品画像を各バリエーションごとに表示できます。

バリエーション選択肢の主軸の設定

［カートに入れる］ボタン

コマースクリエイター＞テーマ＞ボタンにある「カートに入れる(バリエーション)-商品共通」ボタンを表示できます。

［お気に入り登録する］マーク（ボタン）

コマースクリエイター＞テーマ＞ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。

お気に入り登録後は、［お気に入りを解除する］ボタンとなります。コマースクリエイター＞テーマ＞ボタンにある「お気に入り解除(アイコン)-商品共通」ボタンを表示できます。

在庫表示について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（上級デザイン）-上級デザイン設定-在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－「在庫切れ」のみ表示し、在庫数は表示しない場合

「表示しない」を選択

－「在庫切れ」と「在庫数」を表示する場合

「在庫数表示」を選択
在庫数前のキャプション（例：在庫数）は、コマースクリエイター＞メッセージにある「バリエーション在庫数メッセージ」を表示できます。

－「在庫切れ」と「在庫数に関するメッセージ」を表示する場合

「在庫僅少表示」を選択
在庫が残り少なくなった際のメッセージ（例：残りわずか）は、コマースクリエイター＞メッセージにある「バリエーション在庫僅少メッセージ」を表示できます。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（バリエーション在庫設定）の「僅少表示閾値」にて設定します。設定値以下になると表示されます。

在庫切れの場合の表示について

「在庫切れ」（メッセージ）

「在庫数の表示設定」にかかわらず、在庫切れの場合に表示されます。

メッセージは、コマースクリエイター＞メッセージにある「バリエーション在庫切れメッセージ」にて設定します。

在庫切れの場合のボタン表示

カートボタンの代わりに、以下を表示できます。

－「—」を表示する

［―］が表示されます。

－　行を削除する（バリエーションを非表示）

バリエーション選択肢が行ごと削除されます。

－［再入荷お知らせ］ボタン表示

カートボタンに代わって［再入荷お知らせ］ボタンを表示できます。

チェックOFFの場合は、カートボタンは表示されません。

ボタンラベルは、コマースクリエイター＞テーマ＞ボタンにある「入荷お知らせメール申込(バリエーション)-商品共通」ボタンで変更できます。
押下すると、「入荷お知らせメール申し込みモーダル」に遷移します。詳しくは、入荷お知らせメール申し込みモーダルをご覧ください。

商品ごとに［再入荷お知らせ］ボタンを非表示にする場合は、運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

「9月3日出荷分」（入荷予定日表示）

予定在庫機能をご利用で、かつ通常在庫切れの場合は運用＞商品管理＞商品情報（予定在庫設定）-予定在庫設定-入出荷予定日-表記名が表示されます。「商品詳細ページに表示する」のチェックボックスが非選択の場合は表示されません。

バリエーションが登録されていない商品は「入出荷予定日表記名パーツ」に表示されます。

予約販売在庫について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（予約）-予約在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－「予約在庫切れ」のみ表示し、「予約在庫数」は表示しない場合

「表示しない」を選択

－「予約在庫切れ」と「予約在庫数」を表示する場合

「予約在庫数表示」を選択
予約在庫数前のキャプション（例：予約在庫数）は、コマースクリエイター＞メッセージにある「バリエーション予約在庫数メッセージ」を表示できます。

－「予約在庫切れ」と「予約在庫数に関するメッセージ」を表示する場合

「予約在庫僅少表示」を選択
予約在庫が残り少なくなった際のメッセージ（例：残りわずか）は、コマースクリエイター＞メッセージにある「バリエーション予約在庫僅少メッセージ」を表示できます。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（予約）- 予約数設定の「予約在庫僅少表示閾値」にて設定します。設定値以下になると表示されます。

予約在庫切れの場合の表示

「予約在庫切れ」（メッセージ）

「予約在庫数の表示設定」にかかわらず、在庫切れの場合に表示されます。

コマースクリエイター＞メッセージにある「バリエーション予約在庫切れメッセージ」にて設定します。

予約在庫切れの場合のボタン表示

カートボタンの代わりに、以下を表示できます。

－「—」を表示する

［―］が表示されます。

－　行を削除する（バリエーションを非表示）

バリエーション選択肢が行ごと削除されます。

カート・バリエーション表組パーツ

運用＞商品管理＞商品画像設定（コマースクリエイター）にて、（カラー）バリエーション設定された商品画像を各バリエーションごとに表示できます。
バリエーションをいずれか1つ選択して、お気に入りボタン、カートボタンを押下できます。

バリエーションごとの画像

バリエーション選択肢の主軸の設定

［カートに入れる］ボタン

コマースクリエイター＞テーマ＞ボタンにある「カートに入れる-商品共通」ボタンを表示できます。

［お気に入り登録する］マーク（ボタン）

コマースクリエイター＞テーマ＞ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。

ラジオボタンを表示するデザイン変更方法をご紹介しています。カート・バリエーション表組パーツのデザイン変更をご覧ください。

在庫表示について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（上級デザイン）-上級デザイン設定-在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－「在庫切れ」のみ表示し、在庫数は表示しない場合

「表示しない」を選択

－「在庫切れ」と「在庫数」を表示する場合

「在庫数表示」を選択
在庫数前のキャプション（例：在庫数）は、表示できません。

－「在庫切れ」と「在庫数に関するメッセージ」を表示する場合

「在庫僅少表示」を選択
在庫が残り少なくなった際のメッセージ（例：△）は、コマースクリエイター＞メッセージにある「バリエーション在庫僅少キャプション（セレクト&ラジオ・表組）」を表示できます。
また、凡例として欄外に「バリエーション在庫僅少凡例メッセージ（セレクト&ラジオ・表組）」（初期値：△：残りわずかです。）を表示できます。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（バリエーション在庫設定）の「僅少表示閾値」にて設定します。設定値以下になると表示されます。

在庫切れの場合の表示について

「×」（メッセージ）

「在庫数の表示設定」にかかわらず、在庫切れの場合に表示されます。

メッセージは、コマースクリエイター＞メッセージにある「バリエーション在庫切れキャプション（セレクト&ラジオ・表組）」にて設定します。
また、凡例として欄外に「バリエーション在庫切れ凡例メッセージ（セレクト&ラジオ・表組）」（初期値：×：ただいま在庫がございません。）を表示できます。

［再入荷お知らせ］ボタンを表示する（在庫切れの場合のボタン表示）

カートボタンに代わって［再入荷お知らせ］ボタンを表示できます。

チェックOFFの場合は、カートボタンは表示されません。

商品ごとに［再入荷お知らせ］ボタンを非表示にする場合は、運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

「9月3日出荷分」（入荷予定日表示）

バリエーションが登録されていない商品は「入出荷予定日表記名パーツ」に表示されます。

予約販売在庫について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（予約）-予約在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－「予約在庫切れ」のみ表示し、「予約在庫数」は表示しない場合

「表示しない」を選択

－「予約在庫切れ」と「予約在庫数」を表示する場合

「予約在庫数表示」を選択
予約在庫数前のキャプション（例：予約在庫数）は、表示できません。

－「予約在庫切れ」と「予約在庫数に関するメッセージ」を表示する場合

「予約在庫僅少表示」を選択
予約在庫が残り少なくなった際のメッセージ（例：△）は、コマースクリエイター＞メッセージにある「バリエーション予約在庫僅少キャプション（セレクト&ラジオ・表組）」を表示できます。
また、凡例として欄外に「バリエーション予約在庫僅少凡例メッセージ（セレクト&ラジオ・表組）」（初期値：△：残りわずかです。）を表示できます。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（予約）- 予約数設定の「予約在庫僅少表示閾値」にて設定します。設定値以下になると表示されます。

予約在庫切れの場合の表示

「×」（メッセージ）

「予約在庫数の表示設定」にかかわらず、在庫切れの場合に表示されます。

コマースクリエイター＞メッセージにある「バリエーション予約在庫切れキャプション（セレクト&ラジオ・表組）」にて設定します。　また、凡例として欄外に「バリエーション予約在庫切れ凡例メッセージ（セレクト&ラジオ・表組）」（初期値：×：ただいま予約在庫がございません。）を表示できます。

カート・セレクトボックス＆ラジオパーツ

バリエーション（縦軸）またはバリエーション（横軸）を片方ずつ選択できます。

セレクトボックスでバリエーション（の一方）を選択すると、バリエーション（もう片方の軸）がラジオボタンで展開して表示されます。
バリエーションごとにお気に入りボタンが表示されます。
バリエーションを選択すると、カートボタンを押下できます。

　　　　　　　　　　　　　　 ↓

　　　　　　　　　　　　　　↓

バリエーション選択肢の主軸の設定

「選択してください」（初期値の表示）

バリエーションごとの画像

セレクトボックスでバリエーションを選択すると運用＞商品管理＞商品画像設定（コマースクリエイター）にて、（カラー）バリエーション設定された商品画像を各バリエーションごとに表示できます。

［カートに入れる］ボタン

コマースクリエイター＞テーマ＞ボタンにある「カートに入れる-商品共通」ボタンを表示できます。

［お気に入り登録する］マーク（ボタン）

コマースクリエイター＞テーマ＞ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。

在庫表示について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（上級デザイン）-上級デザイン設定-在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－「在庫切れ」のみ表示し、「在庫数」は表示しない場合

「表示しない」もしくは「在庫数表示」を選択
ただし、「在庫数表示」を選択しても、在庫数は表示できません。

－「在庫切れ」と「在庫数に関するメッセージ」を表示する場合

「在庫僅少表示」を選択
在庫が残り少なくなった際のメッセージ（例：△）は、コマースクリエイター＞メッセージにある「バリエーション在庫僅少キャプション（セレクト&ラジオ・表組）」にて設定します。
また、凡例として欄外に「バリエーション在庫僅少凡例メッセージ（セレクト&ラジオ・表組）」（初期値：△：残りわずかです。）を表示できます。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（バリエーション在庫設定）の「僅少表示閾値」にて設定します。設定値以下になると表示されます。

在庫切れの場合の表示について

「×」（メッセージ）

「在庫数の表示設定」にかかわらず、在庫切れの場合に表示されます。

コマースクリエイター＞メッセージにある「バリエーション在庫切れキャプション（セレクト&ラジオ・表組）」を表示できます。　　また、凡例として欄外に「バリエーション在庫切れ凡例メッセージ（セレクト&ラジオ・表組）」（初期値：×：ただいま在庫がございません。）を表示できます。

［再入荷お知らせ］ボタンを表示する（在庫切れの場合のボタン表示）

カートボタンに代わって［再入荷お知らせ］ボタンを表示できます。

チェックOFFの場合は、カートボタンは表示されません。

商品ごとに［再入荷お知らせ］ボタンを非表示にする場合は、運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

「9月3日出荷分」（入荷予定日表示）

バリエーションが登録されていない商品は「入出荷予定日表記名パーツ」に表示されます。

予約販売在庫について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（予約）-予約在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－「予約在庫切れ」のみ表示し、「予約在庫数」は表示しない場合

「表示しない」もしくは「予約在庫数表示」を選択
ただし、「予約在庫数表示」を選択しても、予約在庫数は表示できません。

－「予約在庫切れ」と「予約在庫数に関するメッセージ」を表示する場合

「予約在庫僅少表示」を選択
予約在庫が残り少なくなった際のメッセージ（例：△）は、コマースクリエイター＞メッセージにある「バリエーション予約在庫僅少キャプション（セレクト&ラジオ・表組）」にて設定します。
また、凡例として欄外に「バリエーション在庫僅少凡例メッセージ（セレクト&ラジオ・表組）」（初期値：△：残りわずかです。）を表示できます。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（予約）- 予約数設定の「予約在庫僅少表示閾値」にて設定します。設定値以下になると表示されます。

予約在庫切れの場合の表示

「×」（メッセージ）

「予約在庫数の表示設定」にかかわらず、在庫切れの場合に表示されます。

カート・セレクトボックスのみパーツ

セレクトボックスでバリエーションをいずれか1つ選択して、お気に入りボタン、カートボタンを押下できます。

バリエーション選択肢の主軸の設定

「選択してください」（初期値の表示）

［カートに入れる］ボタン

コマースクリエイター＞テーマ＞ボタンにある「カートに入れる-商品共通」ボタンを表示できます。

［お気に入り登録する］マーク（ボタン）

コマースクリエイター＞テーマ＞ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。

在庫表示について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（上級デザイン）-上級デザイン設定-在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－在庫の有無のみ表示し、在庫数は表示しない場合

「表示しない」もしくは「在庫数表示」を選択
在庫がある場合は「〇」在庫切れの場合は「×」を表示します。
ただし、「在庫数表示」を選択しても、在庫数は表示できません。

－在庫数に関するメッセージを表示する場合

「在庫僅少表示」を選択
「僅少表示閾値」より多い場合は「〇」を表示します。
「僅少表示閾値」以下になった場合は「△」を表示します。メッセージ表示の閾値は、運用＞商品管理＞商品情報（バリエーション在庫設定）の「僅少表示閾値」にて設定します。設定値以下になると表示されます。
在庫切れの場合は「×」を表示します。
凡例として欄外にコマースクリエイター＞メッセージにある以下の3つのメッセージを表示できます。
- 「バリエーション予約在庫あり凡例メッセージ（セレクトボックス）」（初期値：○：在庫がございます。）
- 「バリエーション予約在庫僅少凡例メッセージ（セレクトボックス）」（初期値：△：残りわずかです。）
- 「バリエーション予約在庫切れ凡例メッセージ（セレクトボックス）」（初期値：×：ただいま在庫がございません。）
なお、「〇」「△」「×」は変更できません。

在庫切れの場合の表示について

在庫数の表示設定をご覧ください。

［再入荷お知らせ］ボタンを表示する（在庫切れの場合のボタン表示）

カートボタンに代わって［再入荷お知らせ］ボタンを表示できます。

チェックOFFの場合は、カートボタンは表示されません。

商品ごとに［再入荷お知らせ］ボタンを非表示にする場合は、運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

「9月3日出荷分」（入荷予定日表示）

バリエーションが登録されていない商品は「入出荷予定日表記名パーツ」に表示されます。

予約販売在庫について

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（予約）-予約在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－予約在庫の有無のみ表示し、予約在庫数は表示しない場合

「表示しない」もしくは「予約在庫数表示」を選択
予約在庫がある場合は「〇」予約在庫切れの場合は「×」を表示します。
ただし、「予約在庫数表示」を選択しても、予約在庫数は表示できません。

－予約在庫数に関するメッセージを表示する場合

「予約在庫僅少表示」を選択
「予約在庫僅少表示閾値」より多い場合は「〇」を表示します。
「予約在庫僅少表示閾値」以下になった場合は「△」を表示します。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（バリエーション在庫設定）の「僅少表示閾値」にて設定します。設定値以下になると表示されます。
在庫切れの場合は「×」を表示します。
凡例として欄外にコマースクリエイター＞メッセージにある以下の3つのメッセージを表示できます。
- 「バリエーション予約在庫あり凡例メッセージ（セレクトボックス）」（初期値：○：予約在庫がございます。）
- 「バリエーション予約在庫僅少凡例メッセージ（セレクトボックス）」（初期値：△：残りわずかです。）
- 「バリエーション予約在庫切れ凡例メッセージ（セレクトボックス）」（初期値：×：ただいま予約在庫がございません。）
なお、「〇」「△」「×」は変更できません。

予約在庫切れの場合の表示

予約販売在庫についてをご覧ください。

カート・バリエーション選択スライダーパーツ

バリエーション軸毎に選択肢をスライダー（横幅によってはパネル）形式で表示します。
「縦軸」「横軸」から選択肢を組み合わせ、バリエーションを選択できます。

バリエーション選択肢の表示設定

バリエーションごとの画像

運用＞商品管理＞商品画像設定（コマースクリエイター）にて、バリエーションサムネイル画像に設定した画像が、設定した軸側の選択肢内に、表示されます。

初期選択とする選択肢の設定

「商品詳細」画面を開いた際に、初期値で選択されているバリエーションを設定できます。

［カートに入れる］ボタン

コマースクリエイター＞テーマ＞ボタンにある「カートに入れる-商品共通」ボタンを表示できます。

［お気に入り登録する］マーク（ボタン）

コマースクリエイター＞テーマ＞ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。

在庫表示について

在庫関連表示の表示位置

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（上級デザイン）-上級デザイン設定-在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－「在庫切れ」のみ表示し、「在庫数」は表示しない場合

「表示しない」を選択

－「在庫切れ」と「在庫数」を表示する場合

「在庫数表示」を選択
在庫数前のキャプション（例：在庫数）は、コマースクリエイター＞メッセージにある「バリエーション在庫数メッセージ（バリエーション選択スライダー）」を表示できます。

－「在庫切れ」と「在庫数に関するメッセージ」を表示する場合

「在庫僅少表示」を選択
在庫が残り少なくなった際のメッセージ（例：残りわずか）は、コマースクリエイター＞メッセージにある「バリエーション在庫僅少キャプション（バリエーション選択スライダー）」（残りわずか）にて設定します。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（商品バリエーション詳細設定）の「僅少表示閾値」にて設定します。設定値以下になると表示されます。

在庫切れの場合の表示について

「在庫切れ」（メッセージ）

「在庫数の表示設定」にかかわらず、在庫切れの場合に表示されます。

メッセージは、コマースクリエイター＞メッセージにある「バリエーション在庫切れキャプション（バリエーション選択スライダー）」を表示できます。

「在庫切れ」選択肢の表示

在庫切れの場合は、選択肢の枠線が点線、背景色が透明となります。選択はできますが、選択した状態でカートに入れることはできません。

［再入荷お知らせ］ボタンを表示する（在庫切れの場合のボタン表示）

カートボタンに代わって［再入荷お知らせ］ボタンを表示できます。

チェックOFFの場合は、カートボタンは表示されません。

商品ごとに［再入荷お知らせ］ボタンを非表示にする場合は、運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

「2023年7月末入荷予定」（入荷予定日表示）

バリエーションが登録されていない商品は「入出荷予定日表記名パーツ」に表示されます。

予約販売在庫について

在庫関連表示の表示位置

在庫数の表示設定

＜すべての商品に共通の設定をする場合＞

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（予約）-予約在庫数表示設定にて設定します。

＜項目設定＞

上記いずれかの画面にて、以下のように設定します。

－「予約在庫切れ」のみ表示し、「予約在庫数」は表示しない場合

「表示しない」を選択

－「予約在庫切れ」と「予約在庫数」を表示する場合

「予約在庫数表示」を選択
予約在庫数前のキャプション（例：予約在庫数）は、コマースクリエイター＞メッセージにある「バリエーション予約在庫数メッセージ（バリエーション選択スライダー）」を表示できます。

－「予約在庫切れ」と「予約在庫数に関するメッセージ」を表示する場合

「予約在庫僅少表示」を選択
予約在庫が残り少なくなった際のメッセージ（例：残りわずか）は、コマースクリエイター＞メッセージ「バリエーション予約在庫僅少キャプション（バリエーション選択スライダー）」にて設定します。
メッセージ表示の閾値は、運用＞商品管理＞商品情報（予約設定）の「予約在庫僅少表示閾値」にて設定します。設定値以下になると表示されます。

予約在庫切れの場合の表示

「予約在庫切れ」（メッセージ）

「予約在庫数の表示設定」にかかわらず、在庫切れの場合に表示されます。

メッセージは、コマースクリエイター＞メッセージにある「バリエーション予約在庫切れキャプション（バリエーション選択スライダー）」にて設定します。

「予約在庫切れ」選択肢の表示

予約在庫切れの場合は、選択肢の枠線が点線、背景色が透明となります。選択はできますが、選択した状態でカートに入れることはできません。

入荷お知らせメール申し込みモーダル

メールアドレスは必須項目となります。

「入荷お知らせメール申し込み」（見出し）

コマースクリエイター＞メッセージにある「入荷お知らせ申込モーダル見出し」を表示できます。

「商品が入荷次第、メールにてお知らせいたします。」（メッセージ）

コマースクリエイター＞メッセージにある「入荷お知らせ申込メッセージ」を表示できます。

「個人情報保護方針」に関する表示

チェックボックスの表示・非表示やメッセージの設定について、詳しくは、個人情報保護方針への同意についてをご覧ください。

［再入荷お知らせメールを申し込む］ボタン

コマースクリエイター＞テーマ＞ボタンにある「入荷お知らせメール申込処理-商品共通」ボタンを表示できます。

「入荷お知らせ申込み完了」の表示

申し込みが完了すると「入荷お知らせの申し込みを受け付けました。」と表示されます。

＜「入荷お知らせメール申込完了メール」の設定＞

＜「入荷お知らせメール」の停止について＞
「再入荷お知らせメール停止」をご覧ください。

「個人情報保護方針への同意」の表示方法について

「個人情報保護方針への同意」を表示する場合

－「同意チェックボックス」の表示

「個人情報保護方針への同意」を表示する設定にした場合のみ、チェックボックスを表示するか、リンクを表示するかを設定できます。

「個人情報保護方針に同意のうえ、ご登録ください。」（リンクメッセージ）

コマースクリエイター＞メッセージにある「個人情報保護方針同意メッセージ」を表示できます。
チェックボックスはありませんが、個人情報保護方針へのリンクを表示できます。

「個人情報保護方針に同意する」（チェックボックスメッセージ）

コマースクリエイター＞メッセージにある「個人情報保護方針同意チェックメッセージ」を表示できます。

「同意チェックボックス」の初期値

個人情報保護方針同意チェックなしエラーメッセージ

「同意チェックボックス」を表示し、かつ個人情報保護方針同意チェックをせずに登録ボタンを押下された場合は、コマースクリエイター＞メッセージにある「個人情報保護方針同意チェックなしエラーメッセージ」が表示されます。

個人情報保護方針の内容はコマースクリエイター＞フリーパーツ「個人情報の取り扱いについて」にて変更していただけます。（スタートアップテーマの場合）

「個人情報保護方針への同意」を表示しない場合

販売期間表示

通常販売商品の「販売期間」

表示方法

運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-販売期間を設定し、「表示する」のチェックボックスを設定すると表示されます。

「販売開始前です。」（販売期間前の表示）

販売期間を表示できます。
コマースクリエイター＞メッセージにある「商品詳細販売開始前メッセージ」を表示できます。

販売期間中

販売期間を表示できます。

「販売を終了しました。」（販売期間終了後の表示）

コマースクリエイター＞メッセージにある「商品詳細販売終了後メッセージ」を表示できます。（販売期間は表示されません。）

予約販売商品の「予約受付期間」と「販売期間」

予約受付期間

表示方法

予約受付後、期間を設けて通常販売を行うことができます。

運用＞商品管理＞商品情報（予約）-予約受付期間を設定し、「表示する」のチェックボックスを設定すると表示されます。

予約受付期間前です。」（予約受付期間前の表示）

予約受付期間を表示できます。

コマースクリエイター＞メッセージにある「商品詳細予約受付期間開始前メッセージ」を表示できます。

予約受付期間中

予約受付期間を表示できます。

「予約受付を終了しました。」（予約受付期間終了後の表示）

コマースクリエイター＞メッセージにある「商品詳細予約受付期間終了後メッセージ」を表示できます。（予約受付期間は表示されません。）

販売期間

表示方法

予約受付後、期間を設けて通常販売を行うことができます。

運用＞商品管理＞商品情報（予約）-販売期間を設定し、「表示する」のチェックボックスを設定すると、予約受付後の販売ができ、メッセージなどが表示されます。

表示される販売期間

運用＞商品管理＞商品情報（予約）-販売期間の設定が表示されます。

「販売開始前です。」「販売を終了しました。」（販売期間前/販売期間終了後の表示）

「通常販売商品の「販売期間」と同様です。

在庫なし表示テキスト

在庫切れの場合に、表示されます。
運用＞商品管理＞商品新規登録・商品基本情報編集-在庫管理にて「在庫管理をする」にチェックし、在庫数を設定している場合に限ります。

通常商品の場合

表示設定

＜すべての商品に共通の設定をする場合＞

「申し訳ございません。ただいま在庫がございません。」（メッセージ）

コマースクリエイター＞メッセージにある「商品詳細在庫切れメッセージ」を表示できます。

＜商品個別に設定をする場合＞

運用＞商品管理＞商品情報（上級デザイン）-上級デザイン設定-在庫なし表示設定にて「下記で設定した固有の在庫なし表示設定を利用する」を選択します。

「ただいま在庫切れです。入荷お知らせメールをお申込みください。」（メッセージ）

同設定画面の「在庫なし表示テキスト」に入力したメッセージを表示できます。

予約商品の場合

表示設定

＜すべての商品に共通の設定をする場合＞

「申し訳ございません。ただいま在庫がございません。」（メッセージ）

予約販売商品が予約在庫切れの場合には、コマースクリエイター＞メッセージにある「商品詳細予約在庫切れメッセージ」を表示できます。

予約在庫数は、運用＞商品管理＞商品新規登録・商品基本情報編集（予約）タブ-予約数設定にて設定します。

＜商品個別に設定をする場合＞

運用＞商品管理＞商品新規登録・商品基本情報編集（予約）タブ-予約在庫なし表示設定にて「下記で設定した固有の予約在庫なし表示設定を利用する」を選択します。

「【1次予約終了】次回予約は1月下旬予定」（メッセージ）

同設定画面の「予約在庫なし表示テキスト」に入力したメッセージを表示できます。

バリエーション商品の場合

カートボタンパーツ［バリエーション商品の場合］にて、それぞれのカートボタンごとにご確認ください。

バリエーションごとにカートボタンを表示
バリエーション表組で表示
バリエーションをセレクトボックス＆ラジオで表示
バリエーションをセレクトボックスのみで表示
カート・バリエーション選択スライダーパーツ

返品特約表示

コマースクリエイター＞メッセージにある「返品特約メッセージ」を表示できます。

お問い合わせパーツ

コマースクリエイター＞テーマ＞ボタンにある「商品についてのお問い合わせ-商品詳細」ボタンを表示できます。

押下すると、「商品についてのお問い合わせモーダル」が開きます。

商品についてのお問い合わせモーダル

「商品についてのお問い合わせ」（見出し）

コマースクリエイター＞メッセージにある「商品お問い合わせモーダル見出し」を表示できます。

「この商品について問い合わせます。」（メッセージ）

コマースクリエイター＞メッセージにある「商品詳細お問い合わせメッセージ」を表示できます。

「個人情報保護方針」に関する表示

チェックボックスの表示・非表示やメッセージの設定について、詳しくは、個人情報保護方針への同意についてをご覧ください。

［お問い合わせ内容を送る］ボタン

コマースクリエイター＞テーマ＞ボタンにある「お問い合わせ内容を送る」ボタンを表示できます。

お問い合わせを送信すると「お問い合わせを承りました。」と表示されます。

上記の利用設定をしていないと、お客様（消費者）からのお問い合わせを受信できませんのでご注意ください。

「個人情報保護方針への同意」の表示方法について

「個人情報保護方針への同意」を表示する場合

設定方法については、こちらをご覧ください。

「個人情報保護方針への同意」を表示しない場合

設定方法については、こちらをご覧ください。

商品説明（大）表示

商品コメント設定-商品コメント(コマースクリエイター)-商品説明（大）が表示されます。

商品説明（大）はPCなどスペースを使用する場合の商品説明を想定していますが、デバイスに関係なく使用いただけます。
また商品説明（小）表示パーツなどと併用可能です。

さらに深く商品の魅力をお伝えしたい方向けのサービス

商品説明（小）表示

商品コメント設定-商品コメント(コマースクリエイター)-商品説明（小）が表示されます。

商品説明（小）はスマホなどスペースを使用する場合の商品説明を想定していますが、デバイスに関係なく使用いただけます。
また商品説明（大）表示パーツなどと併用可能です。

さらに深く商品の魅力をお伝えしたい方向けのサービス

レビューパーツ

「future Review」をご利用の方は、本パーツは利用しません（「レビューパーツ」は表示されません）。

レビューに関する表示が異なりますので詳しくは、future Reviewでのレビュー表示の仕組み-「商品詳細」画面での表示イメージと方法をご覧ください。

レビュー機能をご利用の場合に、レビュー各機能へのリンクや、最新のレビューを表示できます。

レビュー件数

投稿されているレビューの件数が表示されます。

レビュー平均点

投稿されているレビューの平均点が表示されます。「★」はCSSにて変更できます。

すべてのレビューを見るリンク

「商品のレビュー」一覧へ遷移します。コマースクリエイター＞テーマ＞ボタンの「すべてのレビューを見る-レビュー」ボタンを表示できます。

さらに深く商品の魅力をお伝えしたい方向けのサービス

レビューを書くリンク

「future Review」をご利用の方は、本リンクは表示されません。

コマースクリエイター＞テーマ＞ボタンの「レビューを書く-レビュー」ボタンを表示できます。

会員のみが書き込み可能な設定にしている場合

ログインしている場合は、「レビューを書く」へ遷移します。
未ログイン、あるいはゲストの場合は、ログイン画面へ遷移します。ログイン、あるいは会員登録後、「レビューを書く」へ遷移します。
さらに、「レビューを書く」画面では、レビュー機能設定-書き込み制限「購入した会員のみ書込み可能」にて選択した項目によって、画面にアラートが表示されます。
詳しくは、書き込み制限によるアラート表示をご覧ください。

未ログイン状態やゲストでも書き込み可能な設定にしている場合

ログイン画面上にゲストパーツが表示されます。
ゲストもしくは未ログインのまま投稿される場合は、ゲストパーツの［レビューを書く］ボタンより「レビューを書く」画面へ遷移します。

レビュー表示件数とレビュー投稿件数

レビューの投稿があれば、「すべてのレビューを見るリンク」が表示されます。

投稿件数と設定件数	表示
レビュー投稿0件	「すべてのレビューを見る」リンクは表示されません。
レビュー表示件数1件以上かつレビュー投稿1件以上	商品詳細に最新のものから設定した件数分のレビューが表示されます。「すべてのレビューを見る」で商品レビュー一覧に遷移して、（表示しているレビューを含めて）全レビューを閲覧できます。

SNSシェアボタン（フリーパーツ）

SNSシェアボタンはフリーパーツです。

パーツ一覧にて検索して適宜内容を変更してください。
詳しくはSNSシェアボタン（フリーパーツ）をご覧ください。

初期状態では、スケルトンテーマには配置されていません。

表示方法については、［AI Recommend Plus］レコメンド表示のはじめかたをご覧ください。

レコメンド２

レコメンド出力タグ1パーツ～レコメンド出力タグ6パーツ

2023.03.28までに「futureRecommend2」を申込まれた店舗様のみ
「futureRecommend2」は2023.03.28を以って新規のお申込み受付けを停止しております。アップグレード版「future AI Recommend Plus」をお申込みください。なお、アップグレード版「future AI Recommend Plus」はコマースクリエイター運用中（新規・切替後）店舗様のみご利用可能です。

2026.02.28までに「future AI Recommend」を申込まれた店舗様のみ
「future AI Recommend」は2026.02.28を以って新規のお申込み受付けを停止しております。アップグレード版「future AI Recommend Plus」をお申込みください。

「future AI Recommend」をご利用の店舗様は、設定によりレコメンド商品を表示できます。

表示方法については、future AI Recommendのはじめかたをご覧ください。

構造化データ(パンくず)

パンくず（BreadcrumbList）を表す構造化データを出力します。JavaScript形式（JSON-LD形式）で画面には表示されません。
画像URL（image）には、テーマ設定＞商品画像サイズ設定の「商品画像（メイン）」が出力されます。

構造化データ(商品詳細)

商品（Product）を表す構造化データを出力します。JavaScript形式（JSON-LD形式）で画面には表示されません。

出力されるデータの詳細は、商品（Product）の構造化データ項目と出力内容についてをご覧ください。

STAFF START関連

※要オプション申込

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

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

LINE STAFF STARTのみ利用（STAFF START(スタッフスタート)連携未利用）」の場合はコーディネートに関する情報は表示されません。（コーディネートに関する情報を表示するシステムパーツは利用できません。利用できないシステムパーツについては［概要］各画面に表示されるシステムパーツ一覧-「商品詳細」/「STAFF START」をご覧ください。）

この商品を使ったコーディネート（新着順）パーツ

「LINE STAFF STARTのみ利用（STAFF START(スタッフスタート)連携未利用）」の場合の注意事項

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

「この商品を使ったコーディネート」（見出し）

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

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

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

「STAFF START管理画面（株式会社バニッシュ・スタンダード社）にて登録・出力しているスタッフ情報で、初期設定では非表示となっている項目は、CSSで表示可能です。

詳しくはスタッフ情報の項目を追加で表示する方法をご覧ください。

この商品を使ったコーディネート（人気順）パーツ

「LINE STAFF STARTのみ利用（STAFF START(スタッフスタート)連携未利用）」の場合の注意事項

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

「この商品を使ったコーディネート」（見出し）

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

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

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

詳しくはスタッフ情報の項目を追加で表示する方法をご覧ください。

コーディネート表示（新着順）パーツ

「LINE STAFF STARTのみ利用（STAFF START(スタッフスタート)連携未利用）」の場合の注意事項

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

「その他のコーディネート」（見出し）

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

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

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

詳しくはスタッフ情報の項目を追加で表示する方法をご覧ください。

コーディネート（人気順）パーツ

「LINE STAFF STARTのみ利用（STAFF START(スタッフスタート)連携未利用）」の場合の注意事項

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

人気順はSTAFF STARTにて集計した内容となり、集計対象は過去1週間（1日から7日前）のPVです。
人気順集計の詳細はバニッシュ・スタンダード社へお問い合わせください。

「その他のコーディネート」（見出し）

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

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

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

詳しくはスタッフ情報の項目を追加で表示する方法をご覧ください。 ::

スタッフ表示（新着順）パーツ

「LINE STAFF STARTのみ利用（STAFF START(スタッフスタート)連携未利用）」の場合の注意事項

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

スタッフ画像のサイズは（1サイズのみであるため）固定です。
コーディネート一覧・コーディネート詳細・スタッフ一覧・スタッフ詳細・トップページ・商品グループ・商品検索結果一覧・商品詳細・ショッピングカートに配置できます。

詳しくはスタッフ情報の項目を追加で表示する方法をご覧ください。 ::

スタッフ表示（人気順）パーツ

「LINE STAFF STARTのみ利用（STAFF START(スタッフスタート)連携未利用）」の場合の注意事項

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

スタッフ画像のサイズは（1サイズのみであるため）固定です。
コーディネート一覧・コーディネート詳細・スタッフ一覧・スタッフ詳細・トップページ・商品グループ・商品検索結果一覧・商品詳細・ショッピングカートに配置できます。

詳しくはスタッフ情報の項目を追加で表示する方法をご覧ください。

実店舗在庫表示機能関連

※要オプション申込

よく行くお店在庫パーツ

本パーツは［商品詳細エリア］内部のみに設置できます。

［（よく行くお店名）に在庫があります］（ボタン）

「よく行くお店」を登録している会員がログイン状態の場合、登録店舗に在庫があると表示されるリンクです。

押下すると店舗在庫詳細画面へと遷移します。

ボタンラベルはシステムによる自動出力のため、変更できません。

よく行くお店の登録

取扱店舗一覧パーツ

本パーツは［商品詳細エリア］内部のみに設置できます。

［取扱店舗一覧］（ボタン）

商品が実店舗在庫連携されている場合、在庫の有無にかかわらず表示されるボタンです。

押下すると取扱店舗一覧画面へと遷移します。

「取扱店舗一覧」のボタンラベルは、コマースクリエイター＞メッセージ一覧の「商品詳細取扱店舗一覧メッセージ」で変更できます。

［変更］ボタン

コマースクリエイター＞テーマ＞ボタンにある「変更-注文」ボタンが表示されます。

［変更］ボタンを押下すると、お客様情報モーダルを表示します。

さらに深く商品の魅力をお伝えしたい方向けのサービス

UGC活用。ECサイト上で「リアルな声」をお届け

SNS上にあるユーザーのリアルな声やスタッフからの投稿などをECサイトにコンテンツとして表示できます。
商材問わず、着用シーン・活用シーン・食レポ・口コミなど、実際のご購入者の生の声がさらに商品をアピールしてくれます。

詳しくは、こちら

軽量・高品質なショート動画で商品の魅力をアピール

ECサイト向けの必要機能を厳選して開発されたショート動画プラットフォーム。
高速かつ高画質。動画内から関連製品や商品ページへのリンクを付けることもできます。

詳しくは、こちら

アパレル系の店舗様で活用いただける、サイズレコメンドやコーディネートシミュレーター

ECサイトでの購入時に多くの人を悩ませる「サイズ」。
最短1分の簡単なアンケートやご自身で撮影した全身写真、過去の購入履歴などから、おすすめのサイズを提案してくれるサイズレコメンドエンジンです。

詳しくは、こちら

ECサイト上で、バーチャル試着体験をしていただけるサービス。
気になる商品のコーディネートを、指スワイプひとつでシミュレートできるので、コーデイメージがわきやすくなります。

詳しくは、こちら

コスメ・美容系の店舗様でご活用いただける、AI肌診断によるレコメンド

ノーコードで運用できるAI肌診断ツールです。
ボタンを押すだけの簡単操作で「日本国内の美容部員400名以上のデータを学習したAI肌診断機能」をお客様にご提供いただけます。

カメラに顔を映すだけで、肌の悩みに基づく9項目を診断。
診断・カウンセリング結果をもとに、パーソナライズされた化粧品・スキンケア商品をレコメンドできます。

詳しくは、こちら

オーダーメイド商品販売店舗様でご活用いただける、Webデザインシミュレーター

デザインやカラーの組み合わせを自由にシミュレートでき、お客様（購入者）の創造するイメージを、その場でビジュアル化してご提示。
ニッチな商品の対応実績も多数のオーダーメイドシミュレーターサービスです。

詳しくは、こちら

パンくずリストパーツ

「HOME」（最上位階層の名称・リンク先）

サブグループパンくずリストパーツ

エラー表示

商品詳細エリア（システムパーツグループ）

商品画像パーツ

通常表示の大きい画像（メイン画像）について

通常表示の小さい画像（サブ画像）について

バリエーションサムネイル画像の表示

［拡大］ボタンについて（虫眼鏡マーク）

画像サイズについて

【参考】メイン画像の初期表示と画像の表示順について

商品画像パーツ・フリック

通常表示の大きい画像（メイン画像）について

通常表示の小さい画像（サブ画像）について

バリエーションサムネイル画像の表示

［拡大］ボタンについて（虫眼鏡マーク）

画像サイズについて

【参考】メイン画像の初期表示と画像の表示順について

商品画像繰り返しパーツ

【参考】画像の表示順について

商品名パーツ

商品番号パーツ

入出荷予定日表記名パーツ

予約コメントパーツ

商品マークパーツ

商品価格パーツ

「定価」「当店特別価格」（定価・販売価格表示の文言）

「会員特別価格」（会員（ステージ）価格のラベル）

消費税（税込・税抜）表示

ポイントパーツ

ポイント付与率

「［●●ポイント進呈］」（ポイント前後のキャプション）

ログイン誘導リンク

リンクの表示方法

「ログインしていただくと、会員価格が表示されます。」（リンクラベル）

［参考］会員価格を表示したうえで、会員登録を誘導する方法

商品個別送料パーツ

「送料個別」（キャプション）

「送料個別 ￥300」（送料表示）

「送料込」（キャプション）

項目選択肢パーツ

表示形式

「選択してください」（初期値）

オプション価格パーツ

表示形式

消費税（税込・税抜）表示

セレクトボックス形式の場合

「選択してください」（初期値）

カートボタンパーツ

カートボタン

［カートに入れる］ボタン

［お気に入り登録する］ボタン

在庫表示について

在庫数の表示設定

－在庫数などを表示しない（何も表示しない）場合

－在庫数を表示する場合

－在庫数に関するメッセージを表示する場合

在庫切れの場合の表示

［再入荷お知らせ］（ボタン）の表示

予定在庫機能について

予約販売在庫について

在庫数の表示設定

－予約在庫数などを表示しない（何も表示しない）場合

－予約在庫数を表示する場合

－予約在庫数に関するメッセージを表示

予約在庫切れの場合の表示

カート・バリエーションごとにボタンパーツ

バリエーションごとの画像

バリエーション選択肢の主軸の設定

［カートに入れる］ボタン

［お気に入り登録する］マーク（ボタン）

在庫表示について

在庫数の表示設定

－「在庫切れ」のみ表示し、在庫数は表示しない場合

－「在庫切れ」と「在庫数」を表示する場合

－「在庫切れ」と「在庫数に関するメッセージ」を表示する場合

在庫切れの場合の表示について

「在庫切れ」（メッセージ）

在庫切れの場合のボタン表示

「送料個別　￥300」（送料表示）

－　行を削除する（バリエーションを非表示）

－　行を削除する（バリエーションを非表示）