SaaS型ECサイト構築プラットフォーム
運用サポート（平日10:00～17:00）
06-6485-6485
SaaS型ECサイト構築プラットフォーム
店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。
上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。
※表示イメージはスタートアップテーマ（カスタマイズ前）です。
利用するパーツや項目設定により表示内容やレイアウトを変更することができます。詳しくは各システムパーツの説明をご覧ください。
商品詳細レイアウトに配置されるシステムパーツは以下となります。画像は「スタートアップテーマ」のものとなります。
一部、フリーパーツもご紹介しています。
商品詳細のレイアウトにあるバリエーション表示パーツについては商品バリエーション表示の変更をご覧ください。
パーツごとの表示イメージと解説
商品のメイングループを表示できます。
最上位階層の名称・リンク先など設定＞商品・商品グループ＞商品ページ設定-パンくずリスト設定構築＞ページ設定＞商品ページ設定-パンくずリスト設定にて設定できます。
商品にサブグループが登録されている場合に、パンくずリストを表示できます。
エラーがあった場合に表示され、「×」を押下すると消去できます。
商品情報を表示するシステムパーツを配置する特殊なシステムパーツ（システムパーツグループ）です。
商品情報を表示するシステムパーツや商品情報置換文字を記載したフリーパーツは、商品詳細エリア（システムパーツグループ）の下部階層に配置します。
商品詳細エリアは、formタグにて構成されています。HTMLタグの動作上、商品詳細エリア内にformタグを含むパーツを配置しても正しく動作しません。運用＞商品管理＞商品検索結果一覧から出力できる『商品の「カートへ」ボタン』も配置できません。
formタグを含むパーツを配置する場合は、「商品詳細エリア」の外に配置してください。
商品画像は運用＞商品管理＞商品画像設定（コマースクリエイター）にて登録します。
一括登録をされる際は、商品画像登録（コマースクリエイター）をご覧ください。
［拡大］ボタンについて
コマースクリエイター＞テーマ＞ボタンにある「拡大画像表示(アイコン)-商品詳細」ボタンを表示できます。
押下すると、画像を拡大表示します。
拡大画像は画面幅に合わせて表示します。
拡大画面でボタン押下にて前後送り、またはフリックできます。
画面下部にドットナビゲーションが表示されます。
拡大画像の表示順については、メイン画像と拡大画像の表示順についてをご覧ください。
バリエーション登録がある場合、バリエーション名を画面上部に表示します。
通常表示の大きい画像（メイン画像）について
1枚目には、商品画像設定（コマースクリエイター）にて「商品サムネイル画像に指定する」を選択した画像が表示されます。
詳しくはメイン画像と拡大画像の表示順についてをご覧ください。
メイン画像は、押下すると画像が拡大表示されます。
通常表示の小さい画像（サブ画像）について
商品画像設定（コマースクリエイター）にて設定した、表示順もしくは画像番号順に一覧表示します。
サブ画像をクリック（タップ）してメイン画像を切替できます。
バリエーション登録がある場合、バリエーション名を画面下部に表示します。
画像サイズについて
商品画像パーツに表示される画像は、コマースクリエイター＞テーマ設定-商品画像サイズ設定が以下のように反映されます。
| 表示画像 | テーマ設定-商品画像サイズ設定 |
|---|---|
| 通常表示の大きい画像（メイン画像） | 商品画像（メイン） |
| 通常表示の小さい画像（サブ画像） | 商品画像（サブ） |
| 拡大表示の大きい画像 | 拡大画像 |
商品画像は運用＞商品管理＞商品画像設定（コマースクリエイター）にて登録します。
一括登録をされる際は、商品画像登録（コマースクリエイター）をご覧ください。
［拡大］ボタンについて
コマースクリエイター＞テーマ＞ボタンにある「拡大画像表示(アイコン)-商品詳細」ボタンを表示できます。
押下すると、画像を拡大表示します。
拡大表示時は画像の中央部分に寄って、画面幅を超えて拡大表示します。
ボタン押下にて、前後送りまたはフリックできます。
拡大画像はクリック（タップまたはピンチ操作）にて表示倍率が段階的に変わります。
左上に表示画像/商品画像枚数が表示されます。
拡大表示時に商品画像を前後送りまたはフリックすると、メイン画像も連動します。
拡大画像の表示順については、メイン画像と拡大画像の表示順についてをご覧ください。
バリエーション登録がある場合、バリエーション名を画面下部に表示します。
通常表示の大きい画像（メイン画像）について
1枚目から商品画像設定（コマースクリエイター）で設定した表示順、もしくは画像番号順に表示されます。
詳しくはメイン画像と拡大画像の表示順についてをご覧ください。
メイン画像は、押下すると画像が拡大表示されます。
前後送りまたはフリックで切替えでき、サブ画像も連動します。
通常表示の小さい画像（サブ画像）について
商品画像設定（コマースクリエイター）で設定した、表示順もしくは画像番号順に従って一覧表示します。
サブ画像をクリック（タップ）してメイン画像を切替できます。
バリエーション登録がある場合、バリエーション名を画面下部に表示します。
画像サイズについて
商品画像パーツに表示される画像は、コマースクリエイター＞テーマ設定-商品画像サイズ設定が以下のように反映されます。
| 表示画像 | テーマ設定-商品画像サイズ設定 |
|---|---|
| 通常表示の大きい画像（メイン画像） | 商品画像（メイン） |
| 通常表示の小さい画像（サブ画像） | 商品画像（サブ） |
| 拡大表示の大きい画像 | 拡大画像 |
商品画像は運用＞商品管理＞商品画像設定（コマースクリエイター）にて登録します。
一括登録をされる際は、商品画像登録（コマースクリエイター）をご覧ください。
登録されている商品画像の数だけ、繰り返し表示します。シンプルなデザインになっています。
画像サイズは「商品画像（メイン）」です。
画像サイズの詳細についてはコマースクリエイター＞テーマ設定-商品画像サイズ設定をご覧ください。
運用＞商品管理＞商品新規登録・商品基本情報編集-商品基本情報にあるキャッチコピーと商品名が表示されます。
【html出力例】
<h1>アラームクロック</h1>※実際には<h1>にclassが指定されています。出力タグを変更することはできません。
【html出力例】
<h1><span>すっきりと目覚めたいあなたに</span>アラームクロック</h1>※実際には<h1><span>にclassが指定されています。出力タグを変更することはできません。
運用＞商品管理＞商品新規登録・商品基本情報編集-商品基本情報-商品番号が表示されます。
バリエーションが登録されていない商品が予定在庫機能をご利用の場合に、運用＞商品管理＞商品情報（予定在庫設定）-予定在庫設定-入出荷予定日-表記名が表示されます。「商品詳細ページに表示する」のチェックボックスが非選択の場合は表示されません。
バリエーションが登録されている商品は、カートボタンパーツに表示されます。
予約販売商品に、コマースクリエイター＞メッセージの「商品詳細予約商品メッセージ」が表示されます。
商品マークパーツには「商品マーク」「バンドルアイコン」「予約商品マーク」「クール便マーク」が表示されます。
| マーク名 | 表示される商品の条件 | 商品マークラベルの設定 |
|---|---|---|
| 商品マーク | 商品マーク設定方法をご覧ください。 | |
| クール便マーク | 1.設定＞配送・送料＞配送サービス一覧＞宅配便設定＞クール便設定-利用設定構築＞送料・決済設定＞クール便設定-使用設定）にて「利用する」にチェック 2.設定＞商品・商品グループ＞商品ページ設定-商品設定-クール便マーク表示設定構築＞ページ設定＞商品ページ設定-商品設定(コマースクリエイター)-クール便マーク表示設定にて「クール便対象商品に「クール便マーク」を表示する」にチェック |
コマースクリエイター＞テーマ＞ボタンの「クール便-商品共通」 |
| バンドルアイコン |
1.バンドル販売を登録する 運用＞商品管理＞バンドル販売一覧より［バンドル販売新規登録］ボタンを押下し、バンドル販売基本情報にて設定 ※「バンドル販売アイコン画像(コマースクリエイター)」は必ず設定してください。 2.商品へバンドル販売を設定する 運用＞商品管理＞商品新規登録・商品基本情報編集-バンドル販売にて適用したい「バンドル販売名」を選択 |
運用＞商品管理＞バンドル販売一覧＞バンドル販売基本情報-バンドル販売アイコン画像(コマースクリエイター)の「ラベル」 |
| 予約商品マーク | 商品を予約設定する 運用＞商品管理＞商品新規登録・商品基本情報編集にて商品を登録したのち、「商品情報-予約」タブより運用＞商品管理＞商品新規登録・商品基本情報編集＞商品情報（予約）にて予約設定 |
コマースクリエイター＞テーマ＞ボタンの「予約商品-商品共通」 |
商品マークは、商品一覧・商品詳細で、商品ごとに表示できるマークです。
新製品やセール表示、あるいは製品の特長を示すなどの使い方ができます。
運用＞商品管理＞商品新規登録・商品基本情報編集-商品価格にある商品の販売価格、会員（ステージ）価格、通常価格(定価)が表示されます。
予約販売時は運用＞商品管理＞商品情報（予約）-予約設定-予約販売価格が表示されます。
商品の購入ポイントが表示されます。
設定＞ポイント＞ポイント基本設定-購入ポイント付与設定運用＞ポイント管理＞ポイント基本設定-購入ポイント付与設定、または、運用＞商品管理＞商品新規登録・商品基本情報編集-ポイント付与率にて設定した商品固有の付与率にて計算されたポイント数が表示されます。
ログインしていない（ゲスト）場合に、会員登録を誘導するために表示するリンクで、ログイン（会員登録）画面へ遷移します。会員価格を表示せず、「ログイン誘導リンク」を表示することで、会員登録を誘導できます。
または会員価格を表示したうえで、会員登録を誘導することもできます。
設定＞商品・商品グループ＞商品ページ設定-会員価格表示設定-会員価格表示設定（商品一覧／商品詳細共通）構築＞ページ設定＞商品ページ設定-非ログイン時にも会員価格を表示するのチェックを設定すると、ログインしていない（ゲスト）場合に、会員価格を表示できます。
その場合は、メッセージにある「商品詳細ログイン誘導リンク」にて「ログイン誘導リンク」の表示内容を適宜変更してください。
運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-送料設定にて「商品個別送料」を設定すると表示されます。
「送料を表示する」のチェックを外すと、「送料個別」とのみ表示されます。
また運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-送料設定にて「送料込み」を選択すると、「送料込」と表示されます。
運用＞商品管理＞商品情報（項目選択肢）を設定すると表示されます。
項目選択肢の表示タイプが「セレクトボックス」の場合に、初期値に「選択してください」と表示するには、設定＞商品・商品グループ＞商品ページ設定-商品設定-項目選択肢の初期値設定構築＞ページ設定＞商品ページ設定-商品設定-項目選択肢の初期値設定にチェックを設定してください。
運用＞商品管理＞商品情報（オプション価格設定）を設定すると表示されます。
オプション価格の表示タイプが「セレクトボックス」の場合に、初期値に「選択してください」と表示するには、設定＞商品・商品グループ＞商品ページ設定-商品設定-オプション価格の初期値設定構築＞ページ設定＞商品ページ設定-商品設定-オプション価格の初期値設定にチェックを設定してください。
消費税（税込・税抜）表示は、コマースクリエイター＞テーマ設定-価格表示パターン-商品詳細にて商品詳細の設定と同じく変更できます。
カートボタンパーツは、バリエーション画像表示・在庫の有無や僅少表示・カートボタン/再入荷お知らせボタン・お気に入り登録済み/未登録などの詳細な制御を行っています。そのため、JavaScirptなどを使用してHTMLを変更した場合、正常に動作しなくなる可能性があります。予めご了承ください。
ラジオボタンを表示するデザイン変更方法をご紹介しています。カート・バリエーション表組パーツのデザイン変更をご覧ください。
全パーツで共通です。上記いずれのパーツを配置しても、バリエーションが登録されていない商品の場合は、同じ表示となります。
メールアドレスは必須項目となります。
入荷お知らせメール申し込みモーダルには、コマースクリエイター＞メッセージにある「入荷お知らせ申込モーダル見出し」「入荷お知らせ申込メッセージ」を表示できます。
コマースクリエイター＞テーマ＞ボタンにある「入荷お知らせメール申込処理-商品共通」ボタンを表示できます。
「入荷お知らせメール申込完了メール」の設定
設定＞メール＞メール設定一覧＞入荷お知らせメール申込完了メール設定運用＞入荷お知らせメール＞入荷お知らせメール申込完了メール設定を設定すると、お客様（消費者）が「入荷お知らせメール」の申込を完了すると、お客様（消費者）と管理者へメールを自動送信できます。
「入荷お知らせメール」の停止について
「再入荷お知らせメール停止」をご覧ください。
なお、個人情報保護方針の内容は「個人情報の取り扱いについて（フリーパーツ）」にて変更していただけます。（スタートアップテーマの場合）
お問い合わせを送信すると「入荷お知らせの申し込みを受け付けました。」と表示されます。
運用＞商品管理＞商品新規登録・商品基本情報編集-詳細情報-販売期間を設定し、「商品詳細ページに表示する」のチェックボックスを設定すると表示されます。
販売期間前は、販売期間とともにコマースクリエイター＞メッセージにある「商品詳細販売開始前メッセージ」を表示できます。
販売期間終了後はコマースクリエイター＞メッセージにある「商品詳細販売終了後メッセージ」を表示できます。（販売期間は表示されません。）
運用＞商品管理＞商品情報（予約）-予約受付期間を設定し、「商品詳細ページに表示する」のチェックボックスを設定すると表示されます
予約受付期間前は、予約受付期間とともにコマースクリエイター＞メッセージにある「商品詳細予約受付期間開始前メッセージ」を表示できます。
予約受付期間終了後は、コマースクリエイター＞メッセージにある「商品詳細予約受付期間終了後メッセージ」を表示できます。（予約受付期間は表示されません。）
予約受付後、期間を設けて通常販売を行う場合の「販売期間」は、運用＞商品管理＞商品情報（予約）-販売期間を設定し、「商品詳細ページに表示する」のチェックボックスを設定すると表示されます。
販売期間前は、販売期間とともにコマースクリエイター＞メッセージにある「商品詳細販売開始前メッセージ」を表示できます。
販売期間終了後は、コマースクリエイター＞メッセージにある「商品詳細販売終了後メッセージ」を表示できます。（販売期間は表示されません。）
商品情報（予約）-予約設定の「予約を受け付ける」にチェックをしている場合は、「予約受付期間」終了まで「販売期間」の表示はされません。
在庫切れの場合に、コマースクリエイター＞メッセージにある「商品詳細在庫切れメッセージ」を表示できます。
予約販売商品が予約在庫切れの場合に、コマースクリエイター＞メッセージにある「商品詳細予約在庫切れメッセージ」を表示できます。
コマースクリエイター＞メッセージにある「返品特約メッセージ」を表示できます。
商品についてのお問い合わせモーダルを開きます。
コマースクリエイター＞テーマ＞ボタンにある「商品についてのお問い合わせ-商品詳細」ボタンを表示できます。
商品についてのお問い合わせモーダルには、コマースクリエイター＞メッセージにある「商品お問い合わせモーダル見出し」「商品詳細お問い合わせメッセージ」を表示できます。
コマースクリエイター＞テーマ＞ボタンにある「お問い合わせ内容を送る」ボタンを表示できます。
商品についてのお問い合わせ内容は設定＞メール＞メール設定一覧＞お問い合わせ受付完了メール設定構築＞メール設定＞お問い合せ受付完了メールで受け取れます。（お問い合せ受付完了メール設定を行ってください。）
お問い合わせを送信すると「お問い合わせを承りました。」と表示されます。
商品コメント設定（コマースクリエイター）-商品コメント(コマースクリエイター)-商品説明（大）が表示されます。
商品説明（大）はPCなどスペースを使用する場合の商品説明を想定していますが、デバイスに関係なく使用いただけます。また商品説明（小）表示パーツなどと併用可能です。
商品コメント設定（コマースクリエイター）-商品コメント(コマースクリエイター)-商品説明（小）が表示されます。
商品説明（大）はスマートフォンなどスペースがあまりない場合の商品説明を想定していますが、デバイスに関係なく使用いただけます。また商品説明（大）表示パーツなどと併用可能です。
レビュー機能をご利用の場合に、レビュー各機能へのリンクや、最新のレビューを表示できます。
商品詳細ページのレビュー表示件数は設定＞レビュー＞レビュー基本設定-商品詳細ページ設定-商品詳細に表示するレビュー数運用＞レビュー管理＞レビュー基本設定-商品詳細ページ-表示するレビュー数にて変更できます。
レビューの投稿があれば、「すべてのレビューを見るリンク」が表示されます。
| 投稿件数と設定件数 | 表示 |
|---|---|
| レビュー投稿0件 | 「すべてのレビューを見る」リンクは表示されません。 |
| レビュー表示件数1件以上かつレビュー投稿1件以上 | 商品詳細に最新のものから設定した件数分のレビューが表示されます。「すべてのレビューを見る」で商品レビュー一覧に遷移して、（表示しているレビューを含めて）全レビューを閲覧できます。 |
SNSシェアボタンはフリーパーツです。パーツ一覧にて検索して適宜内容を変更してください。詳しくはSNSシェアボタン（フリーパーツ）をご覧ください。
初期状態では、スケルトンテーマには配置されていません。
設定＞カート＞購入画面設定-おすすめ商品設定-商品番号構築＞ページ設定＞購入画面設定-おすすめ商品の設定-おすすめ商品として登録する商品番号、または運用＞商品管理＞商品新規登録・商品基本情報編集-この商品をカートに入れたときに表示するおすすめ商品にて設定します。
各設定画面にて、おすすめ商品として表示する商品の商品番号を設定し、「商品ページ内にも表示させる」チェックします。
表示は、同設定画面より、3パターンから選択できます。
各パターンと、商品種類別の表示項目と表示イメージは、任意商品表示パーツ-表示パターンをご参照ください。
コマースクリエイター＞メッセージにある「おすすめ商品見出し」が表示されます。
設定＞レコメンド＞レコメンド2設定-商品詳細ページレコメンド設定構築＞ページ設定＞レコメンド２設定-商品詳細ページレコメンド設定(コマースクリエイター)にある「出力タグ1」から「出力タグ6」に入力されたレコメンドタグを出力します。商品ごとのレコメンドカテゴリを出力できます。
商品詳細に表示されている商品のコーディネートを新着順で表示できます。（最大20件）
見出しは、コマースクリエイター＞メッセージにある「この商品を使ったコーディネート（新着順）見出し」にて変更できます。
コーディネート画像のサイズはコマースクリエイター＞テーマ＞テーマ設定-STAFF START設定-この商品を使ったコーディネート（新着順）で変更できます。
商品詳細に表示されている商品のコーディネートを人気順で表示できます。（最大20件）
見出しは、コマースクリエイター＞メッセージにある「この商品を使ったコーディネート（人気順）見出し」にて変更できます。
コーディネート画像のサイズはコマースクリエイター＞テーマ＞テーマ設定-STAFF START設定-この商品を使ったコーディネート（人気順）で変更できます。
コーディネートを新着順（ランキング）で表示します。（最大10件）
見出しは、コマースクリエイター＞メッセージにある「コーディネート表示（新着順）見出し」にて変更できます。
コーディネート画像のサイズはコマースクリエイター＞テーマ＞テーマ設定-STAFF START設定-コーディネート表示（新着順）で変更できます。
コーディネートを人気順（ランキング）で表示します。（最大10件）
見出しは、コマースクリエイター＞メッセージにある「コーディネート表示（人気順）見出し」にて変更できます。
コーディネート画像のサイズはコマースクリエイター＞テーマ＞テーマ設定-STAFF START設定-コーディネート表示（人気順）で変更できます。
人気順はSTAFF STARTにて集計した内容となり、集計対象は過去1週間（1日から7日前）のPVです。人気順集計の詳細はバニッシュ・スタンダード社へお問い合わせください。
「よく行くお店」を登録している会員がログイン状態の場合、登録店舗に在庫があると表示されるリンクです。
「（よく行くお店名）に在庫があります」と表示され、押下すると店舗在庫詳細画面へと遷移します。
「よく行くお店」を登録していただくには、設定＞購入者・会員情報＞顧客登録項目一覧＞顧客登録項目設定（よく行くお店）-利用設定を「必須にする」もしくは「任意にする」に設定します。「必須にする」の場合は会員登録画面にて登録となり、任意にする」の場合は会員登録後に、マイページの「会員登録内容変更］から追加となります。
「よく行くお店」を登録している会員がログイン状態の場合、登録店舗に在庫があると表示されるリンクです。
「（よく行くお店名）に在庫があります」と表示され、押下すると店舗在庫詳細画面へと遷移します。
「よく行くお店」を登録していただくには、構築＞顧客登録項目設定-入力項目の設定［よく行くお店］の「項目内容」を「使用する（必須）」もしくは「使用する」に設定します。「使用する（必須）」の場合は会員登録画面にて登録となり、「使用する」の場合は会員登録後に、マイページの「会員登録内容変更］から追加となります。
商品が実店舗在庫連携されている場合、在庫の有無にかかわらず表示されるリンクです。
「取扱店舗一覧」と表示され、押下すると取扱店舗一覧画面へと遷移します。
パンくず（BreadcrumbList）を表す構造化データを出力します。JavaScript形式（JSON-LD形式）で画面には表示されません。
商品（Product）を表す構造化データを出力します。JavaScript形式（JSON-LD形式）で画面には表示されません。
各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効（切替前）は両方の項目が表示されます。
以前からのECサイト用項目で、コマースクリエイターでは使用しません。（右側にこちらの色の点線が表示されます。）
コマースクリエイター専用ECサイト用の項目です。以前からのECサイトには影響しません。（右側にこちらの色の点線が表示されます。）
上記以外は共通で使用する項目です。（何も表示されません。）
