運用サポート(平日10:00~17:00) 06-6485-6485
コマースクリエイター未利用コマースクリエイター移行中(有効)コマースクリエイター利用中説明を表示 ▼

「商品詳細」レイアウトのシステムパーツ

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター未利用
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター移行中(有効)
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター利用中
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を新規構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

表示イメージ:「商品詳細」画面

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

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

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

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

パンくずリストパーツ

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

「HOME」(最上位階層の名称・リンク先)
設定>商品・商品グループ>商品ページ設定-パンくずリスト設定構築>ページ設定>商品ページ設定-パンくずリスト設定にて設定できます。

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

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

エラー表示

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

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

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

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

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

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

商品画像パーツ

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

通常表示の大きい画像(メイン画像)について
1枚目には、商品画像設定(コマースクリエイター)にて「商品サムネイル画像に指定する」を選択した画像が表示されます。
詳しくはメイン画像と拡大画像の表示順についてをご覧ください。
メイン画像は、押下すると画像が拡大表示されます。
通常表示の小さい画像(サブ画像)について
商品画像設定(コマースクリエイター)にて設定した、表示順もしくは画像番号順に一覧表示します。
サブ画像をクリック(タップ)してメイン画像を切替できます。

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

画像サイズについて

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

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

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

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

通常表示の大きい画像(メイン画像)について
1枚目には、商品画像設定(コマースクリエイター)で設定した表示順、もしくは画像番号順に表示されます。
詳しくはメイン画像と拡大画像の表示順についてをご覧ください。
メイン画像は、押下すると画像が拡大表示されます。
前後送りまたはフリックで切替えでき、サブ画像も連動します。
通常表示の小さい画像(サブ画像)について
商品画像設定(コマースクリエイター)にて設定した、表示順もしくは画像番号順に一覧表示します。
サブ画像をクリック(タップ)してメイン画像を切替できます。

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

画像サイズについて

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

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

商品画像繰り返しパーツ

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

登録されている商品画像の数だけ、繰り返し表示します。シンプルなデザインになっています。

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

商品名パーツ

商品名のみの場合

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

【html出力例】
							<h1>アラームクロック</h1>
							※実際には<h1>にclassが指定されています。出力タグを変更することはできません。
キャッチコピーがある場合

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

【html出力例】
							<h1><span>すっきりと目覚めたいあなたに</span>アラームクロック</h1>
							※実際には<h1><span>にclassが指定されています。出力タグを変更することはできません。

商品番号パーツ

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

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

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

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

予約コメントパーツ

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

商品マークパーツ

商品マークパーツには「商品マーク」「バンドルアイコン」「予約商品マーク」「クール便マーク」が表示されます。

マーク名 表示される商品の条件 商品マークラベルの設定
商品マーク 商品マーク設定方法をご覧ください。
クール便マーク 1.設定>配送・送料>配送サービス一覧>宅配便設定>クール便設定-利用設定構築>送料・決済設定>クール便設定-使用設定)にて「利用する」にチェック

2.設定>商品・商品グループ>商品ページ設定-商品設定-クール便マーク表示設定構築>ページ設定>商品ページ設定-商品設定(コマースクリエイター)-クール便マーク表示設定にて「クール便対象商品に「クール便マーク」を表示する」にチェック
コマースクリエイター>テーマ>ボタンの「クール便-商品共通」
バンドルアイコン 1.バンドル販売を登録する
運用>商品管理>バンドル販売一覧より[バンドル販売新規登録]ボタンを押下し、バンドル販売基本情報にて設定
「バンドル販売アイコン画像(コマースクリエイター)」は必ず設定してください。

2.商品へバンドル販売を設定する
運用>商品管理>商品新規登録・商品基本情報編集-バンドル販売にて適用したい「バンドル販売名」を選択
運用>商品管理>バンドル販売一覧>バンドル販売基本情報-バンドル販売アイコン画像(コマースクリエイター)の「ラベル」
予約商品マーク 商品を予約設定する
運用>商品管理>商品新規登録・商品基本情報編集にて商品を登録したのち、「商品情報-予約」タブより運用>商品管理>商品新規登録・商品基本情報編集>商品情報(予約)にて予約設定
コマースクリエイター>テーマ>ボタンの「予約商品-商品共通」

商品マーク設定方法

商品マークは、商品一覧・商品詳細で、商品ごとに表示できるマークです。
新製品やセール表示、あるいは製品の特長を示すなどの使い方ができます。

  1. 商品にタグを設定
    運用>商品管理>商品新規登録・商品基本情報編集-商品基本情報編集-タグにて商品タグを設定します。
  2. 商品マークを登録
    コマースクリエイター>テーマ>商品マークにて「追加する」ボタンを押下し、商品マーク追加にて「商品タグ」と商品タグが設定された商品に表示する「商品マーク」のラベル(表示文言)とカラーを選択します。
    必要に応じて、classを指定できます。
    (例:商品タグ「2019年春新製品」、商品マーク設定・ラベル「NEW」・カラー「イエロー」)
    商品マークのラベルや色、classはテーマごとに変更できます。
  3. 商品マークに商品タグを設定
    手順2.の画面商品マーク追加にて「商品タグ」の欄に、手順1.で商品に設定した「タグ」を指定します。
    ※欄内をクリックすると、設定済みの「商品タグ」が表示されますので選択してください。
  4. 商品マークの表示順はコマースクリエイター>商品マーク一覧にて設定できます。
    商品マークの次に「バンドルアイコン」または「予約商品マーク」、そして「クール便」が表示されます。

商品価格パーツ

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

「定価」「当店特別価格」(定価・販売価格表示の文言)
設定>商品・商品グループ>商品ページ設定-価格表示設定-通常価格(定価)・販売価格表示設定構築>ページ設定>商品ページ設定-価格表示設定-定価表示設定にて、変更できます。
「会員特別価格」(会員(ステージ)価格のラベル)
設定>商品・商品グループ>商品ページ設定-価格表示設定-会員価格表示設定構築>ページ設定>商品ページ設定-価格表示設定にて設定できます。
税抜き表示
消費税(税込・税抜)表示
コマースクリエイター>テーマ設定-価格表示パターン-商品詳細にて、設定できます。
消費税計算(税込・税抜)について
設定>店舗共通>消費税設定構築>送料・決済設定>消費税設定にて設定できます。
商品ごとに税込金額を入力するには、運用>商品管理>商品新規登録・商品基本情報編集-商品価格にある「下記すべて税込価格を設定する」のチェックを設定してください。

ポイントパーツ

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

全商品共通のポイント付与率は、設定>ポイント>ポイント基本設定-購入ポイント付与設定運用>ポイント管理>ポイント基本設定-購入ポイント付与設定にて行います。

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

ログイン誘導リンク

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

リンクの表示方法
設定>商品・商品グループ>商品ページ設定-会員価格表示設定-ログイン誘導リンク設定(商品詳細)の「非ログイン時はログイン誘導リンクを表示する」のチェックをONにします。
構築>ページ設定>商品ページ設定-価格表示設定-会員価格表示設定-【商品詳細】の「ログイン誘導リンクテキストを表示する」のチェックをONにします。
「ログインしていただくと、会員価格が表示されます。」(リンクラベル)
メッセージにある「商品詳細ログイン誘導リンク」にて変更できます。

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

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

ログインしていない(ゲスト)場合にも、会員価格を表示します。

  1. 設定>商品・商品グループ>商品ページ設定-会員価格表示設定-会員価格表示設定(商品一覧/商品詳細共通)構築>ページ設定>商品ページ設定-非ログイン時にも会員価格を表示するのチェックをONにする
  2. メッセージにある「商品詳細ログイン誘導リンク」にて「ログイン誘導リンク」の表示内容を適切なものに変更する。(例:会員登録後の特別価格 など)

商品個別送料パーツ

運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-送料設定にて「商品個別送料」を設定すると表示されます

「送料個別」(キャプション)
運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-送料設定の「送料を表示する」のチェックを外す表示されます。
「送料込」(キャプション)
運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-送料設定の「送料込み」を選択すると表示されます。

項目選択肢パーツ

運用>商品管理>商品情報(項目選択肢)を設定すると表示されます。

表示形式
運用>商品管理>商品情報(項目選択肢)の「表示タイプ」で選択します。(ラジオボタン・セレクトボックス・テキストフィールド・テキストフィールド(入力必須))
「選択してください」(セレクトボックス形式の際の初期値)
設定>商品・商品グループ>商品ページ設定-商品設定-項目選択肢の初期値設定構築>ページ設定>商品ページ設定-商品設定-項目選択肢の初期値設定のチェックをONにします。

オプション価格パーツ

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

表示形式
運用>商品管理>商品情報(オプション価格設定)の「表示タイプ」で選択します。(ラジオボタン・セレクトボックス・テキストフィールド・テキストフィールド(入力必須))
「選択してください」(セレクトボックス形式の際の初期値)
設定>商品・商品グループ>商品ページ設定-商品設定-オプション価格の初期値設定構築>ページ設定>商品ページ設定-商品設定-オプション価格の初期値設定のチェックをONにします。
消費税(税込・税抜)表示
コマースクリエイター>テーマ設定-価格表示パターン-商品詳細にて商品詳細の設定と同じく変更できます。

カートボタンパーツ

概要

  • バリエーションではない商品用に1種類ご用意しています。
  • バリエーション商品用に3種類ご用意しています。いずれか1つを必ず「商品詳細」レイアウトに配置してください
  • 通常販売・予約商品の両方に対応しています。バリエーションがある商品については、予定在庫表示に対応しています。

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

[バリエーション商品ではない場合]カートボタン

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

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

在庫表示について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-在庫切れ設定-在庫表示設定構築>ページ設定>商品ページ設定-在庫切れ設定-在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(上級デザイン)-上級デザイン設定-在庫数表示設定にて設定します。
在庫数などを表示しない(何も表示しない)場合
「表示しない」を選択
在庫数を表示する場合
「在庫数表示」を選択
在庫数に関するメッセージを表示する場合
「在庫僅少表示」を選択
コマースクリエイター>メッセージにある「商品詳細在庫僅少メッセージ」を表示できます。
メッセージ表示の閾値は、以下で設定します。
設定値以下になると表示されます。
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-在庫切れ設定-在庫表示設定構築>ページ設定>商品ページ設定-在庫切れ設定-在庫表示設定の「僅少表示閾値」にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(上級デザイン)-在庫数表示設定の「僅少表示閾値」にて設定します。
在庫切れの場合
詳細については、在庫なし表示テキストを併せてご確認ください。
[再入荷お知らせ](ボタン)
在庫切れ時に、カートボタンに代わって再入荷お知らせボタンを表示できます。
設定>入荷お知らせメール>入荷お知らせメール基本設定-利用設定運用>入荷お知らせメール>基本設定-基本設定-利用設定にて「利用する」のチェックを設定してください。
チェックOFFの場合は、カートボタンは表示されません。
ボタンラベルは、コマースクリエイター>テーマ>ボタンにある「入荷お知らせメール申込-商品共通」ボタンで変更できます。
押下すると、「入荷お知らせメール申し込みモーダル」に遷移します。 詳しくは、入荷お知らせメール申し込みモーダルをご覧ください。
商品ごとに再入荷お知らせボタンを非表示にする場合は、運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

予約販売在庫について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-予約商品在庫切れ設定-予約在庫表示設定構築>ページ設定>商品ページ設定-予約設定-予約在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(予約)-予約在庫数表示設定にて設定します。
予約在庫数などを表示しない(何も表示しない)場合
「表示しない」を選択
予約在庫数を表示する場合
「予約在庫数表示」を選択
予約在庫数に関するメッセージを表示
「予約在庫僅少表示」を選択
コマースクリエイター>メッセージにある「商品詳細予約在庫僅少メッセージ」を表示できます。
メッセージ表示の閾値は、以下で設定します。
設定値以下になると表示されます。
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-予約商品在庫切れ設定-予約在庫表示設定「予約在庫残りわずか(僅少)表示」構築>ページ設定>商品ページ設定-予約商品在庫切れ設定-予約在庫表示設定「僅少表示閾値」にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(予約)「予約在庫僅少表示閾値」の「僅少表示閾値」にて設定します。
予約在庫切れの場合
詳細については、在庫なし表示テキストを併せてご確認ください。
表示内容(変更可) メッセージ
「在庫切れ」「在庫僅少」時の表示メッセージと初期値
通常販売商品
残りわずかです。 商品詳細在庫僅少メッセージ
申し訳ございません。ただいま在庫がございません。 商品詳細在庫切れメッセージ
予約販売商品
残りわずかです。 商品詳細予約在庫僅少メッセージ
申し訳ございません。ただいま予約在庫がございません。 商品詳細予約在庫切れメッセージ

[バリエーション商品の場合]カート・バリエーションごとにボタンパーツ

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

バリエーションごとの画像
運用>商品管理>商品画像設定(コマースクリエイター)にて、(カラー)バリエーション設定された商品画像を各バリエーションごとに表示できます。
バリエーション選択肢の主軸の設定
設定>商品・商品グループ>商品ページ設定-バリエーション表示設定-バリエーションごとにカートボタン表示構築>ページ設定>商品ページ設定-バリエーション表示設定-バリエーションごとにカートボタン表示-バリエーション縦横配置で、選択肢名の先(主軸。例図では、「カラー」)に表示するバリエーションを設定できます。
[カートに入れる]ボタン
コマースクリエイター>テーマ>ボタンにある「カートに入れる(バリエーション)-商品共通」ボタンを表示できます。
[お気に入り登録する]マーク(ボタン)
コマースクリエイター>テーマ>ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。
お気に入り登録後は、[お気に入りを解除する]ボタンとなります。コマースクリエイター>テーマ>ボタンにある「お気に入り解除(アイコン)-商品共通」ボタンを表示できます。

在庫表示について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-在庫切れ設定-在庫表示設定構築>ページ設定>商品ページ設定-在庫切れ設定-在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(上級デザイン)-上級デザイン設定-在庫数表示設定にて設定します。
在庫切れのみ表示し、在庫数は表示しない場合
「表示しない」を選択
在庫数を表示する場合
「在庫数表示」を選択
在庫数に関するメッセージを表示する場合
「在庫僅少表示」を選択
コマースクリエイター>メッセージにある「バリエーション在庫僅少メッセージ」(残りわずか)を表示できます。
メッセージ表示の閾値は、運用>商品管理>商品情報(バリエーション在庫設定)の「僅少表示閾値」にて設定します。
設定値以下になると表示されます。
「在庫切れ」(在庫切れの場合のメッセージ)
コマースクリエイター>メッセージにある「バリエーション在庫切れメッセージ」を表示できます。
在庫切れの場合のボタン表示
カートボタンの代わりに、以下を表示することができます。
設定は、設定>商品・商品グループ>商品ページ設定-バリエーション表示設定-バリエーションごとにカートボタン表示-在庫切れ表示設定にて行います。
ボタンではなく「—」を表示する
[―]が表示されます。
在庫切れバリエーションは表示しない
バリエーション選択肢が行ごと削除されます。
「入荷お知らせメール」ボタンを表示する
カートボタンに代わって再入荷お知らせボタンを表示できます。
設定>入荷お知らせメール>入荷お知らせメール基本設定-利用設定にて「利用する」のチェックを設定してください。
チェックOFFの場合は、カートボタンは表示されません。
ボタンラベルは、コマースクリエイター>テーマ>ボタンにある「入荷お知らせメール申込(バリエーション)-商品共通」ボタンで変更できます。
押下すると、「入荷お知らせメール申し込みモーダル」に遷移します。 詳しくは、入荷お知らせメール申し込みモーダルをご覧ください。
商品ごとに再入荷お知らせボタンを非表示にする場合は、運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。
カートボタンの代わりに、以下を表示することができます。
設定は、構築>ページ設定>商品ページ設定-バリエーション表示設定-バリエーションごとにカートボタン表示-在庫切れ表示設定にて行います。
「—」を表示する
[―]が表示されます。
行を削除する(バリエーションを非表示)
バリエーション選択肢が行ごと削除されます。
入荷お知らせメール表示
カートボタンに代わって再入荷お知らせボタンを表示できます。
運用>入荷お知らせメール>基本設定-基本設定-利用設定にて「利用する」のチェックを設定してください。
チェックOFFの場合は、カートボタンは表示されません。
ボタンラベルは、コマースクリエイター>テーマ>ボタンにある「入荷お知らせメール申込(バリエーション)-商品共通」ボタンで変更できます。
押下すると、「入荷お知らせメール申し込みモーダル」に遷移します。 詳しくは、入荷お知らせメール申し込みモーダルをご覧ください。
商品ごとに再入荷お知らせボタンを非表示にする場合は、運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

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

予約販売在庫について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-予約商品在庫切れ設定-予約在庫表示設定構築>ページ設定>商品ページ設定-予約設定-予約在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(予約)-予約在庫数表示設定にて設定します。
予約在庫切れのみ表示し、予約在庫数は表示しない場合
「表示しない」を選択
予約在庫数を表示する場合
「予約在庫数表示」を選択
予約在庫数に関するメッセージを表示する場合
「予約在庫僅少表示」を選択
コマースクリエイター>メッセージにある「バリエーション予約在庫僅少メッセージ」(残りわずか)を表示できます。
メッセージ表示の閾値は、運用>商品管理>商品情報(予約)- 予約数設定の「予約在庫僅少表示閾値」にて設定します。
設定値以下になると表示されます。
「予約在庫切れ」(予約在庫切れの場合のメッセージ)
コマースクリエイター>メッセージにある「バリエーション予約在庫切れメッセージ」を表示できます。
予約在庫切れの場合のボタン表示
カートボタンの代わりに、以下を表示することができます。
設定は、設定>商品・商品グループ>商品ページ設定-バリエーション表示設定-バリエーションごとにカートボタン表示-予約在庫切れ表示設定にて行います。
ボタンではなく「—」を表示する
[―]が表示されます。
在庫切れバリエーションは表示しない
バリエーション選択肢が行ごと削除されます。
カートボタンの代わりに、以下を表示することができます。
設定は構築>ページ設定>商品ページ設定-バリエーション表示設定-バリエーションごとにカートボタン表示-予約在庫切れ表示設定にて行います。
「—」を表示する
[―]が表示されます。
行を削除する(バリエーションを非表示)
バリエーション選択肢が行ごと削除されます。
表示内容 メッセージ
「在庫切れ」「在庫僅少」時の表示メッセージと初期値
通常販売商品
残りわずか バリエーション在庫僅少メッセージ
在庫切れ バリエーション在庫切れメッセージ
予約販売商品
残りわずか バリエーション予約在庫僅少メッセージ
予約在庫切れ バリエーション予約在庫切れメッセージ

[バリエーション商品の場合]カート・バリエーション表組パーツ

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

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

バリエーションごとの画像
運用>商品管理>商品画像設定(コマースクリエイター)にて、(カラー)バリエーション設定された商品画像を各バリエーションごとに表示できます。
バリエーション選択肢の主軸の設定
設定>商品・商品グループ>商品ページ設定-バリエーション表示設定-バリエーション表組表示-バリエーション縦横表示設定構築>ページ設定>商品ページ設定-バリエーション表示設定-表組表示-バリエーション縦横配置で、「行」に展開するバリエーション(例図ではカラー名)を設定できます。
[カートに入れる]ボタン
コマースクリエイター>テーマ>ボタンにある「カートに入れる-商品共通」ボタンを表示できます。
[お気に入り登録する]マーク(ボタン)
コマースクリエイター>テーマ>ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。
お気に入り登録後は、[お気に入りを解除する]ボタンとなります。コマースクリエイター>テーマ>ボタンにある「お気に入り解除(アイコン)-商品共通」ボタンを表示できます。

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

在庫表示について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-在庫切れ設定-在庫表示設定構築>ページ設定>商品ページ設定-在庫切れ設定-在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(上級デザイン)-上級デザイン設定-在庫数表示設定にて設定します。
在庫切れのみ表示し、在庫数は表示しない場合
「表示しない」を選択
在庫数を表示する場合
「在庫数表示」を選択
在庫数に関するメッセージを表示する場合
「在庫僅少表示」を選択
コマースクリエイター>メッセージにある「バリエーション在庫僅少キャプション(セレクト&ラジオ・表組)」(△)を表示できます。
また、凡例として欄外に「バリエーション在庫僅少凡例メッセージ(セレクト&ラジオ・表組)」を表示できます。
メッセージ表示の閾値は、運用>商品管理>商品情報(バリエーション在庫設定)の「僅少表示閾値」にて設定します。
設定値以下になると表示されます。
「×」(在庫切れの場合の表示)
コマースクリエイター>メッセージにある「バリエーション在庫切れキャプション(セレクト&ラジオ・表組)」を表示できます。
また、凡例として欄外に「バリエーション在庫切れ凡例メッセージ(セレクト&ラジオ・表組)」を表示できます。
「入荷お知らせメール」ボタン(在庫切れの場合のボタン表示)
カートボタンに代わって再入荷お知らせボタンを表示できます。
設定>入荷お知らせメール>入荷お知らせメール基本設定-利用設定運用>入荷お知らせメール>基本設定-基本設定-利用設定にて「利用する」のチェックを設定してください。
チェックOFFの場合は、カートボタンは表示されません。
ボタンラベルは、コマースクリエイター>テーマ>ボタンにある「入荷お知らせメール申込(バリエーション)-商品共通」ボタンで変更できます。
押下すると、「入荷お知らせメール申し込みモーダル」に遷移します。 詳しくは、入荷お知らせメール申し込みモーダルをご覧ください。
商品ごとに再入荷お知らせボタンを非表示にする場合は、運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

予約販売在庫について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-予約商品在庫切れ設定-予約在庫表示設定構築>ページ設定>商品ページ設定-予約設定-予約在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(予約)-予約在庫数表示設定にて設定します。
予約在庫切れのみ表示し、予約在庫数は表示しない場合
「表示しない」を選択
予約在庫数を表示する場合
「予約在庫数表示」を選択
予約在庫数に関するメッセージを表示する場合
「予約在庫僅少表示」を選択
コマースクリエイター>メッセージにある「バリエーション予約在庫僅少キャプション(セレクト&ラジオ・表組)」(△)を表示できます。
また、凡例として欄外に「バリエーション予約在庫僅少凡例メッセージ(セレクト&ラジオ・表組)」を表示できます。
メッセージ表示の閾値は、運用>商品管理>商品情報(予約)- 予約数設定の「予約在庫僅少表示閾値」にて設定します。
設定値以下になると表示されます。
「×」(予約在庫切れの場合の表示)
コマースクリエイター>メッセージにある「バリエーション予約在庫切れキャプション(セレクト&ラジオ・表組)」を表示できます。
また、凡例として欄外に「バリエーション予約在庫切れ凡例メッセージ(セレクト&ラジオ・表組)」を表示できます。
表示内容 メッセージ
「在庫切れ」「在庫僅少」時の表示メッセージと初期値
通常販売商品
バリエーション在庫僅少キャプション(セレクト&ラジオ・表組)
△:残りわずかです。 バリエーション在庫僅少凡例メッセージ(セレクト&ラジオ・表組)
× バリエーション在庫切れキャプション(セレクト&ラジオ・表組)
×:ただいま在庫がございません。 バリエーション在庫切れ凡例メッセージ(セレクト&ラジオ・表組)
予約販売商品
バリエーション予約在庫僅少キャプション(セレクト&ラジオ・表組)
△:残りわずかです。 バリエーション予約在庫僅少凡例メッセージ(セレクト&ラジオ・表組)
× バリエーション予約在庫切れキャプション(セレクト&ラジオ・表組)
×:ただいま予約在庫がございません。 バリエーション予約在庫切れ凡例メッセージ(セレクト&ラジオ・表組)

[バリエーション商品の場合]カート・セレクトボックス&ラジオパーツ

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

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

バリエーション選択肢の主軸の設定
設定>商品・商品グループ>商品ページ設定-バリエーション表示設定-セレクトボックス&ラジオ表示-バリエーション縦横表示設定構築>ページ設定>商品ページ設定-バリエーション表示設定-一方をセレクトボックス表示-バリエーション縦横配置で、セレクトボックスにするバリエーション軸を設定できます。
「選択してください」(初期値の表示)
設定>商品・商品グループ>商品ページ設定-バリエーション表示設定-セレクトボックス&ラジオ表示-セレクトボックスの初期値構築>ページ設定>商品ページ設定-バリエーション表示設定-一方をセレクトボックス表示-セレクトボックスの初期値にチェックすると設定できます。
バリエーションごとの画像
セレクトボックスでバリエーションを選択すると運用>商品管理>商品画像設定(コマースクリエイター)にて、(カラー)バリエーション設定された商品画像が表示されます。
[カートに入れる]ボタン
コマースクリエイター>テーマ>ボタンにある「カートに入れる-商品共通」ボタンを表示できます。
[お気に入り登録する]マーク(ボタン)
コマースクリエイター>テーマ>ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。
お気に入り登録後は、[お気に入りを解除する]ボタンとなります。コマースクリエイター>テーマ>ボタンにある「お気に入り解除(アイコン)-商品共通」ボタンを表示できます。

在庫表示について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-在庫切れ設定-在庫表示設定構築>ページ設定>商品ページ設定-在庫切れ設定-在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(上級デザイン)-上級デザイン設定-在庫数表示設定にて設定します。
在庫切れのみ表示し、在庫数は表示しない場合
「表示しない」もしくは「在庫数表示」を選択
「在庫数表示」を選択しても、在庫数は表示できません。
在庫数に関するメッセージを表示する場合
「在庫僅少表示」を選択
コマースクリエイター>メッセージにある「バリエーション在庫僅少キャプション(セレクト&ラジオ・表組)」(△)を表示できます。
また、凡例として欄外に「バリエーション在庫僅少凡例メッセージ(セレクト&ラジオ・表組)」を表示できます。
メッセージ表示の閾値は、運用>商品管理>商品情報(バリエーション在庫設定)の「僅少表示閾値」にて設定します。
設定値以下になると表示されます。
「×」(在庫切れの場合の表示)
コマースクリエイター>メッセージにある「バリエーション在庫切れキャプション(セレクト&ラジオ・表組)」を表示できます。
また、凡例として欄外に「バリエーション在庫切れ凡例メッセージ(セレクト&ラジオ・表組)」を表示できます。
「入荷お知らせメール」ボタン(在庫切れの場合のボタン表示)
カートボタンに代わって再入荷お知らせボタンを表示できます。
設定>入荷お知らせメール>入荷お知らせメール基本設定-利用設定運用>入荷お知らせメール>基本設定-基本設定-利用設定にて「利用する」のチェックを設定してください。
チェックOFFの場合は、カートボタンは表示されません。
ボタンラベルは、コマースクリエイター>テーマ>ボタンにある「入荷お知らせメール申込(バリエーション)-商品共通」ボタンで変更できます。
押下すると、「入荷お知らせメール申し込みモーダル」に遷移します。 詳しくは、入荷お知らせメール申し込みモーダルをご覧ください。
商品ごとに再入荷お知らせボタンを非表示にする場合は、運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

予約販売在庫について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-予約商品在庫切れ設定-予約在庫表示設定構築>ページ設定>商品ページ設定-予約設定-予約在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(予約)-予約在庫数表示設定にて設定します。
予約在庫切れのみ表示し、予約在庫数は表示しない場合
「表示しない」もしくは「予約在庫数表示」を選択
「予約在庫数表示」を選択しても、予約在庫数は表示できません。
予約在庫数に関するメッセージを表示する場合
「予約在庫僅少表示」を選択
コマースクリエイター>メッセージにある「バリエーション予約在庫僅少キャプション(セレクト&ラジオ・表組)」(△)を表示できます。
また、凡例として欄外に「バリエーション予約在庫僅少凡例メッセージ(セレクト&ラジオ・表組)」を表示できます。
メッセージ表示の閾値は、運用>商品管理>商品情報(予約)- 予約数設定の「予約在庫僅少表示閾値」にて設定します。
設定値以下になると表示されます。
「×」(予約在庫切れの場合の表示)
コマースクリエイター>メッセージにある「バリエーション予約在庫切れキャプション(セレクト&ラジオ・表組)」を表示できます。
また、凡例として欄外に「バリエーション予約在庫僅少凡例メッセージ(セレクト&ラジオ・表組)」を表示できます。
表示内容(変更可) メッセージ
「在庫切れ」「在庫僅少」時の表示メッセージと初期値
通常販売商品
バリエーション在庫僅少キャプション(セレクト&ラジオ・表組)
△:残りわずかです。 バリエーション在庫僅少凡例メッセージ(セレクト&ラジオ・表組)
× バリエーション在庫切れキャプション(セレクト&ラジオ・表組)
×:ただいま在庫がございません。 バリエーション在庫切れ凡例メッセージ(セレクト&ラジオ・表組)
予約販売商品
バリエーション予約在庫僅少キャプション(セレクト&ラジオ・表組)
△:残りわずかです。 バリエーション予約在庫僅少凡例メッセージ(セレクト&ラジオ・表組)
× バリエーション予約在庫切れキャプション(セレクト&ラジオ・表組)
×:ただいま予約在庫がございません。 バリエーション予約在庫切れ凡例メッセージ(セレクト&ラジオ・表組)

[バリエーション商品の場合]カート・セレクトボックスのみパーツ

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

バリエーション選択肢の主軸の設定
設定>商品・商品グループ>商品ページ設定-バリエーション表示設定-セレクトボックスのみ表示-バリエーション縦横表示設定構築>ページ設定>商品ページ設定-バリエーション表示設定-すべてをセレクトボックス表示-バリエーション縦横配置で、選択肢名の先に記載にするバリエーションを設定できます。
「選択してください」(初期値の表示)
設定>商品・商品グループ>商品ページ設定-バリエーション表示設定-セレクトボックスのみ表示-セレクトボックスの初期値構築>ページ設定>商品ページ設定-バリエーション表示設定-すべてをセレクトボックス表示-セレクトボックスの初期値にチェックすると設定できます。
[カートに入れる]ボタン
コマースクリエイター>テーマ>ボタンにある「カートに入れる-商品共通」ボタンを表示できます。
[お気に入り登録する]マーク(ボタン)
コマースクリエイター>テーマ>ボタンにある「お気に入り登録(アイコン)-商品共通」ボタンを表示できます。
お気に入り登録後は、[お気に入りを解除する]ボタンとなります。コマースクリエイター>テーマ>ボタンにある「お気に入り解除(アイコン)-商品共通」ボタンを表示できます。

在庫表示について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-在庫切れ設定-在庫表示設定構築>ページ設定>商品ページ設定-在庫切れ設定-在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(上級デザイン)-上級デザイン設定-在庫数表示設定にて設定します。
在庫の有無のみ表示し、在庫数は表示しない場合
「表示しない」もしくは「在庫数表示」を選択
在庫がある場合は「〇」在庫切れの場合は「×」を表示します。
「在庫数表示」を選択しても、在庫数は表示できません。
在庫数に関するメッセージを表示する場合
「在庫僅少表示」を選択
「僅少表示閾値」より多い場合は「〇」を、「僅少表示閾値」以下になった場合は「△」を、在庫切れの場合は「×」を表示します。
メッセージ表示の閾値は、運用>商品管理>商品情報(バリエーション在庫設定)の「僅少表示閾値」にて設定します。
凡例として欄外にコマースクリエイター>メッセージにある以下の3つのメッセージを表示できます。
  • 「バリエーション在庫あり凡例メッセージ(セレクトボックス)」
  • 「バリエーション在庫僅少凡例メッセージ(セレクトボックス)」
  • 「バリエーション在庫切れ凡例メッセージ(セレクトボックス)」
なお、「〇」「△」「×」は変更できません。
「入荷お知らせメール」ボタン(在庫切れの場合のボタン表示)
カートボタンに代わって再入荷お知らせボタンを表示できます。
設定>入荷お知らせメール>入荷お知らせメール基本設定-利用設定運用>入荷お知らせメール>基本設定-基本設定-利用設定にて「利用する」のチェックを設定してください。
チェックOFFの場合は、カートボタンは表示されません。
ボタンラベルは、コマースクリエイター>テーマ>ボタンにある「入荷お知らせメール申込(バリエーション)-商品共通」ボタンで変更できます。
押下すると、「入荷お知らせメール申し込みモーダル」に遷移します。 詳しくは、入荷お知らせメール申し込みモーダルをご覧ください。
商品ごとに再入荷お知らせボタンを非表示にする場合は、運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-入荷お知らせメール申込にて設定します。

予定在庫機能について

予約販売在庫について

在庫数の表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-予約商品在庫切れ設定-予約在庫表示設定構築>ページ設定>商品ページ設定-予約設定-予約在庫表示設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品情報(予約)-予約在庫数表示設定にて設定します。
予約在庫の有無のみ表示し、予約在庫数は表示しない場合
「表示しない」もしくは「予約在庫数表示」を選択
予約在庫がある場合は「〇」予約在庫切れの場合は「×」を表示します。
「予約在庫数表示」を選択しても、予約在庫数は表示できません。
予約在庫数に関するメッセージを表示する場合
「予約在庫僅少表示」を選択
「予約在庫僅少表示閾値」より多い場合は「〇」を、「予約在庫僅少表示閾値」以下になった場合は「△」を、在庫切れの場合は「×」を表示します。
メッセージ表示の閾値は、運用>商品管理>商品情報(バリエーション在庫設定)の「予約在庫僅少表示閾値」にて設定します。
凡例として欄外にコマースクリエイター>メッセージにある以下の3つのメッセージを表示できます。
  • 「バリエーション予約在庫あり凡例メッセージ(セレクトボックス)」
  • 「バリエーション予約在庫僅少凡例メッセージ(セレクトボックス)」
  • 「バリエーション予約在庫切れ凡例メッセージ(セレクトボックス)」
なお、「〇」「△」「×」は変更できません。
表示内容(変更可) メッセージ
「在庫切れ」「在庫僅少」時の表示メッセージと初期値
通常販売商品
○:在庫がございます。 バリエーション在庫あり凡例メッセージ(セレクトボックス)
△:残りわずかです。 バリエーション在庫僅少凡例メッセージ(セレクトボックス)
×:ただいま在庫がございません。 バリエーション在庫切れ凡例メッセージ(セレクトボックス)
予約販売商品
○:予約在庫がございます。 バリエーション予約在庫あり凡例メッセージ(セレクトボックス)
△:残りわずかです。 バリエーション在庫僅少凡例メッセージ(セレクトボックス)
×:ただいま予約在庫がございません。 バリエーション在庫切れ凡例メッセージ(セレクトボックス)

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

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

「入荷お知らせメール申し込み」(見出し)
コマースクリエイター>メッセージにある「入荷お知らせ申込モーダル見出し」を表示できます。
「商品が入荷次第、メールにてお知らせいたします。」(メッセージ)
コマースクリエイター>メッセージにある「入荷お知らせ申込メッセージ」を表示できます。
「個人情報保護方針」に関する表示
チェックボックスの表示・非表示やメッセージの設定について、くわしくは、個人情報保護方針への同意についてをご覧ください。
[再入荷お知らせメールを申し込む]ボタン
コマースクリエイター>テーマ>ボタンにある「入荷お知らせメール申込処理-商品共通」ボタンを表示できます。

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

<「入荷お知らせメール申込完了メール」の設定>
設定>メール>メール設定一覧>入荷お知らせメール申込完了メール設定運用>入荷お知らせメール>入荷お知らせメール申込完了メール設定を設定すると、お客様(消費者)が「入荷お知らせメール」の申込を完了すると、お客様(消費者)と管理者へメールを自動送信できます。

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

「個人情報保護方針への同意」を表示しない場合
「同意チェックボックス」を表示しない場合
「同意チェックボックス」を表示する場合

個人情報保護方針への同意について

「個人情報保護方針への同意」の表示
設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-個人情報保護方針同意確認欄「表示する」構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-表示設定「個人情報保護方針同意確認欄を表示する」にチェックすると表示されます。
「同意チェックボックス」の表示
「個人情報保護方針への同意」を表示する設定にした場合のみ、チェックボックスを表示するか、リンクを表示するかを設定できます。
設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-同意チェックボックス表示設定にて「同意チェックボックスを表示する」にチェックすると表示されます。
構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-同意チェックボックスの有無にて「あり」を選択すると表示されます。

「同意チェックボックス」を表示しない設定にした場合

「個人情報保護方針に同意のうえ、ご登録ください。」(リンクメッセージ)
コマースクリエイター>メッセージにある「個人情報保護方針同意メッセージ」を表示できます。
チェックボックスはありませんが、個人情報保護方針へのリンクを表示できます。

「同意チェックボックス」を表示する設定にした場合

「個人情報保護方針に同意する」(チェックボックスメッセージ)
チェックボックス部分にコマースクリエイター>メッセージにある「個人情報保護方針同意チェックメッセージ」を表示できます。
「同意チェックボックス」の初期値
初期値をチェックされた状態にするには、設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-同意チェックボックスの初期値「チェックされた状態で表示する」構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-同意チェックボックスの初期値「チェックする」に設定します。

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

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

販売期間表示

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

表示方法
運用>商品管理>商品新規登録・商品基本情報編集-詳細情報-販売期間を設定し、「商品詳細ページに表示する」のチェックボックスを設定すると表示されます。
「販売開始前です。」(販売期間前の表示)
販売期間を表示できます。
コマースクリエイター>メッセージにある「商品詳細販売開始前メッセージ」を表示できます。
販売期間中
販売期間を表示できます。
「販売を終了しました。」(販売期間終了後の表示)
コマースクリエイター>メッセージにある「商品詳細販売終了後メッセージ」を表示できます。(販売期間は表示されません。)

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

予約受付期間

表示方法
予約受付後、期間を設けて通常販売を行うことができます。
運用>商品管理>商品情報(予約)-予約受付期間を設定し、「商品詳細ページに表示する」のチェックボックスを設定すると表示されます。
「予約受付期間前です。」(予約受付期間前の表示)
予約受付期間を表示できます。
コマースクリエイター>メッセージにある「商品詳細予約受付期間開始前メッセージ」を表示できます。
予約受付期間中
予約受付期間を表示できます。
「予約受付を終了しました。」(予約受付期間終了後の表示)
コマースクリエイター>メッセージにある「商品詳細予約受付期間終了後メッセージ」を表示できます。(予約受付期間は表示されません。)

販売期間

表示方法
予約受付後、期間を設けて通常販売を行うことができます。
運用>商品管理>商品情報(予約)-販売期間を設定し、「商品詳細ページに表示する」のチェックボックスを設定すると、予約受付後の販売ができ、メッセージなどが表示されます。
表示される販売期間
運用>商品管理>商品情報(予約)-販売期間の設定が表示されます。
「販売開始前です。」「販売を終了しました。」(販売期間前/販売期間終了後の表示)
「通常販売商品の「販売期間」」と同様です。

在庫なし表示テキスト

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

通常商品の場合

<すべての商品に共通の設定>
<商品個別に設定>
表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-在庫切れ設定-購入可能在庫数設定構築>ページ設定>商品ページ設定-在庫切れ設定-購入可能在庫数設定で、「在庫切れ所品は在庫切れ表示にする」を選択します。
「申し訳ございません。ただいま在庫がございません。」(メッセージ)
コマースクリエイター>メッセージにある「商品詳細在庫切れメッセージ」を表示できます。
<商品個別に設定をする場合>
運用>商品管理>商品情報(上級デザイン)-上級デザイン設定-在庫なし表示設定にて「下記で設定した固有の在庫なし表示設定を利用する」を選択します。
「ただいま在庫切れです。入荷お知らせメールをお申込みください。」(メッセージ)
同設定画面の「在庫なし表示テキスト」に入力したメッセージを表示できます。

予約商品の場合

<すべての商品に共通の設定>
<商品個別に設定>
表示設定
<すべての商品に共通の設定をする場合>
設定>商品・商品グループ>商品ページ設定-予約商品在庫切れ設定-購入可能在庫数設定構築>ページ設定>商品ページ設定-予約商品在庫切れ設定-購入可能在庫数設定で、「予約在庫切れ商品は予約在庫切れ表示にする」を選択します。
「申し訳ございません。ただいま予約在庫がございません。」(メッセージ)
予約販売商品が予約在庫切れの場合には、コマースクリエイター>メッセージにある「商品詳細予約在庫切れメッセージ」を表示できます。
予約在庫数は、運用>商品管理>商品新規登録・商品基本情報編集(予約)タブ-予約数設定にて設定します。
<商品個別に設定をする場合>
運用>商品管理>商品新規登録・商品基本情報編集(予約)タブ-予約在庫なし表示設定にて「下記で設定した固有の予約在庫なし表示設定を利用する」を選択します。
「【1次予約終了】次回予約は1月下旬予定」(メッセージ)
同設定画面の「予約在庫なし表示テキスト」に入力したメッセージを表示できます。

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

設定>商品・商品グループ>商品ページ設定-在庫切れ設定構築>ページ設定>商品ページ設定-在庫切れ設定や、運用>商品管理>商品情報(上級デザイン)-上級デザイン設定-在庫なし表示設定では設定できません。

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

返品特約表示

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

お問い合わせパーツ

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

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

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

「商品についてのお問い合わせ」(見出し)
コマースクリエイター>メッセージにある「商品お問い合わせモーダル見出し」を表示できます。
「この商品について問い合わせます。」(メッセージ)
コマースクリエイター>メッセージにある「商品詳細お問い合わせメッセージ」を表示できます。
「個人情報保護方針」に関する表示
チェックボックスの表示・非表示やメッセージの設定について、くわしくは、個人情報保護方針への同意についてをご覧ください。
[お問い合わせ内容を送る]ボタン
コマースクリエイター>テーマ>ボタンにある「お問い合わせ内容を送る」ボタンを表示できます。

商品についてのお問い合わせを店舗側で受信するには、設定>メール>メール設定一覧>お問い合わせ受付完了メール設定構築>メール設定>お問い合せ受付完了メールにて、お問い合せ受付完了メール設定を行う必要があります。
上記の利用設定をしていないと、お客様(消費者)からのお問い合わせを受信できませんのでご注意ください。

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

「個人情報保護方針への同意」を表示しない場合
「同意チェックボックス」を表示しない場合
「同意チェックボックス」を表示する場合

個人情報保護方針への同意について

「個人情報保護方針への同意」の表示
設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-個人情報保護方針同意確認欄「表示する」構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-表示設定「個人情報保護方針同意確認欄を表示する」にチェックすると表示されます。
「同意チェックボックス」の表示
「個人情報保護方針への同意」を表示する設定にした場合のみ、チェックボックスを表示するか、リンクを表示するかを設定できます。
設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-同意チェックボックス表示設定にて「同意チェックボックスを表示する」にチェックすると表示されます。
構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-同意チェックボックスの有無にて「あり」を選択すると表示されます。

「同意チェックボックス」を表示しない設定にした場合

「個人情報保護方針に同意のうえ、ご登録ください。」(リンクメッセージ)
コマースクリエイター>メッセージにある「個人情報保護方針同意メッセージ」を表示できます。
チェックボックスはありませんが、個人情報保護方針へのリンクを表示できます。

「同意チェックボックス」を表示する設定にした場合

「個人情報保護方針に同意する」(チェックボックスメッセージ)
チェックボックス部分にコマースクリエイター>メッセージにある「個人情報保護方針同意チェックメッセージ」を表示できます。
「同意チェックボックス」の初期値
初期値をチェックされた状態にするには、設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-同意チェックボックスの初期値「チェックされた状態で表示する」構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-同意チェックボックスの初期値「チェックする」に設定します。

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

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

商品説明(大)表示

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

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

商品説明(小)表示

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

商品説明(大)はスマートフォンなどスペースがあまりない場合の商品説明を想定していますが、デバイスに関係なく使用いただけます。
また商品説明(大)表示パーツなどと併用可能です。

レビューパーツ

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

レビュー件数
投稿されているレビューの件数が表示されます。
レビュー平均点
投稿されているレビューの平均点が表示されます。「★」はCSSにて変更できます。
最新のレビュー
設定>レビュー>レビュー基本設定-商品詳細ページ設定-商品詳細に表示するレビュー数運用>レビュー管理>レビュー基本設定-商品詳細ページ-表示するレビュー数に設定した件数のレビューが投稿日時新しい順に表示されます。「0」件を指定すると、「最新のレビュー」は非表示になります。
すべてのレビューを見るリンク
「商品のレビュー」一覧へ遷移します。
コマースクリエイター>テーマ>ボタンの「すべてのレビューを見る-レビュー」ボタンを表示できます。
レビューを書くリンク
コマースクリエイター>テーマ>ボタンの「レビューを書く-レビュー」ボタンを表示できます。
ログインしている場合は、「レビューを書く」へ遷移します。
未ログイン、あるいはゲストの場合は、ログイン画面へ遷移します。
設定>レビュー>レビュー基本設定-レビュー機能設定運用>レビュー管理>レビュー基本設定-レビュー機能設定-書き込み制限にて「全員が投稿可能」「誰でも書き込み可能」を選択していた場合、ログイン画面上にゲストパーツが表示されます。ゲストもしくは未ログインのまま投稿される場合は、ゲストパーツの[レビューを書く]ボタンより「レビューを書く」へ遷移します。

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

商品詳細ページのレビュー表示件数は設定>レビュー>レビュー基本設定-商品詳細ページ設定-商品詳細に表示するレビュー数運用>レビュー管理>レビュー基本設定-商品詳細ページ-表示するレビュー数にて変更できます。
レビューの投稿があれば、「すべてのレビューを見るリンク」が表示されます。

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

SNSシェアボタン(フリーパーツ)

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

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

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

おすすめ商品パーツ

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

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

設定>レコメンド>レコメンド2設定-商品詳細ページレコメンド設定構築>ページ設定>レコメンド2設定-商品詳細ページレコメンド設定(コマースクリエイター)にある「出力タグ1」から「出力タグ6」に入力されたレコメンドタグを出力します。
商品ごとのレコメンドカテゴリを出力できます。

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

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

「この商品を使ったコーディネート」(見出し)
コマースクリエイター>メッセージにある「この商品を使ったコーディネート(新着順)見出し」にて変更できます。
コーディネート画像のサイズ
コマースクリエイター>テーマ>テーマ設定-STAFF START設定-この商品を使ったコーディネート(新着順)で変更できます。

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

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

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

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

「この商品を使ったコーディネート」(見出し)
コマースクリエイター>メッセージにある「この商品を使ったコーディネート(人気順)見出し」にて変更できます。
コーディネート画像のサイズ
コマースクリエイター>テーマ>テーマ設定-STAFF START設定-この商品を使ったコーディネート(人気順)で変更できます。

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

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

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

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

「その他のコーディネート」(見出し)
コマースクリエイター>メッセージにある「コーディネート表示(新着順)見出し」にて変更できます。
コーディネート画像のサイズ
コマースクリエイター>テーマ>テーマ設定-STAFF START設定-コーディネート表示(新着順)で変更できます。

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

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

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

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

「その他のコーディネート」(見出し)
コマースクリエイター>メッセージにある「コーディネート表示(人気順)見出し」にて変更できます。
コーディネート画像のサイズ
コマースクリエイター>テーマ>テーマ設定-STAFF START設定-コーディネート表示(人気順)で変更できます。

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

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

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

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

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

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

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

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

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

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

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

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

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

スタッフ情報の項目を追加で表示する方法

初期設定で非表示となっている項目は、classを以下のように設定します。

<例:身長を表示する場合>

//身長を表示する場合 ※身長は初期設定では、非表示になっています。//
.span.fs-c-coordinationListItem__staffInfo__height { display: block; }
非表示項目(初期設定) class 表示パーツ
身長 fs-c-coordinationListItem__staffInfo__height この商品を使ったコーディネート(新着順)・(人気順)パーツ
コーディネート表示(新着順)・(人気順)パーツ
fs-c-staffListItem__profile__height スタッフ表示(新着順)・(人気順)パーツ
フリガナ fs-c-coordinationListItem__staffInfo__ruby この商品を使ったコーディネート(新着順)・(人気順)パーツ
コーディネート表示(新着順)・(人気順)パーツ
fs-c-staffListItem__profile__ruby スタッフ表示(新着順)・(人気順)パーツ
性別 fs-c-staffListItem__profile__gender スタッフ表示(新着順)・(人気順)パーツ
プロフィール fs-c-staffListItem__profile__profile スタッフ表示(新着順)・(人気順)パーツ

よく行くお店在庫パーツ

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

[(よく行くお店名)に在庫があります](ボタン)
「よく行くお店」を登録している会員がログイン状態の場合、登録店舗に在庫があると表示されるリンクです。
押下すると店舗在庫詳細画面へと遷移します。
ボタンラベルはシステムによる自動出力のため、変更できません。
よく行くお店の登録
設定>購入者・会員情報>顧客登録項目一覧>顧客登録項目設定(よく行くお店)-利用設定を「必須にする」もしくは「任意にする」に設定します。
「必須にする」の場合は会員登録画面にて登録となります。
「任意にする」の場合は会員登録後に、マイページの「会員登録内容変更]から追加となります。
構築>顧客登録項目設定-入力項目の設定[よく行くお店]の「項目内容」を「使用する(必須)」もしくは「使用する」に設定します。
「使用する(必須)」の場合は会員登録画面にて登録となります。
「使用する」の場合は会員登録後に、マイページの「会員登録内容変更]から追加となります。

取扱店舗一覧パーツ

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

[取扱店舗一覧](ボタン)
商品が実店舗在庫連携されている場合、在庫の有無にかかわらず表示されるボタンです。
押下すると取扱店舗一覧画面へと遷移します。
「取扱店舗一覧」のボタンラベルは、コマースクリエイター>メッセージ一覧の「商品詳細取扱店舗一覧メッセージ」で変更できます。
[変更]ボタン
コマースクリエイター>テーマ>ボタンにある「変更-注文」ボタンが表示されます。
[変更]ボタンを押下すると、お客様情報モーダルを表示します。

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

パンくず(BreadcrumbList)を表す構造化データを出力します。JavaScript形式(JSON-LD形式)で画面には表示されません。

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

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

項目表示について

各項目は「以前からのECサイト用」「コマースクリエイター用」「共通」の3種類があります。「コマースクリエイター移行中(有効)」選択時は全ての項目と説明が表示されます。

・以前からのECサイト用項目(コマースクリエイターでは使用しない):右側にこちらの色の点線が表示されます。

・コマースクリエイター専用ECサイト用の項目(以前からのECサイトには影響しない):右側にこちらの色の点線が表示されます。

・上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター未利用 コマースクリエイター移行中(有効) コマースクリエイター利用中
コマースクリエイター未利用
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター移行中(有効)
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター利用中
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を新規構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。