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