キャンセル
検索
導入前のご相談 06-6485-5330
運用サポート:06-6485-6485 平日9:30~18:00(土日祝除く)
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

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

×

マニュアル閲覧上の注意

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

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

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

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

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

パンくずリストパーツ

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

エラー表示

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

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

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

商品画像パーツ

サムネイル画像を一覧表示。サムネイル画像を選択して、メイン画像を切替表示できます。拡大画像は画面幅に応じて拡大表示します。

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

メイン画像・サムネイル画像ともにフリックできます。拡大画像は画像の中央部分に寄って拡大表示します。

商品名パーツ

商品番号パーツ

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

予約コメントパーツ

商品マークパーツ

商品価格パーツ

ポイントパーツ

ログイン誘導リンク

商品個別送料パーツ

項目選択肢パーツ

オプション価格パーツ

カートボタンパーツ

  • 以下4種類ご用意しています。いずれか1つを必ず配置してください
  • カートボタンパーツは、それぞれがバリエーション登録のない商品・バリエーション登録のある商品いずれにも対応します。
  • 通常販売・予約商品の両方に対応しています。バリエーションがある商品については、予定在庫表示に対応してます。

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

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

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

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

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

カートボタン(バリエーション商品でない場合)

全パーツで共通です。上記いずれのパーツを配置しても、バリエーションが登録されていない商品の場合は、同じ表示となります。

販売期間表示

在庫なし表示テキスト

返品特約表示

お問い合わせパーツ

商品説明(大)表示

商品説明(小)表示

レビューパーツ

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

おすすめ商品見出し(フリーパーツ)

おすすめ商品パーツ

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

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

商品画像繰り返しパーツ

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

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

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

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

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

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

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

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

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

×

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

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

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