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

各レイアウトに共通して使用されるシステムパーツ

×

マニュアル閲覧上の注意

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

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

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

各レイアウトに共通して使用されるシステムパーツ

画像は「スタートアップテーマ」のものとなります。一部、システムパーツ以外もご紹介しています。

<div class="fs-l-page"></div>

<div class="fs-l-page"></div>というHTMLタグで、<body>タグの内側に必ず配置されているタグです。全レイアウト共通で、レイアウト変更には表示されません。<body>タグ内に配置されるすべてのパーツ、つまりページに表示する内容は、すべてこのタグの内側に配置されます。
ただし、システムで使用するJavaScriptや測定タグ一覧(コマースクリエイター)で出力される内容は、<div class="fs-l-page"></div>と同じ階層に出力されます。

パンくずリストパーツ

最上位階層の名称・リンク先など構築メニュー>ページ設定>商品ページ設定-パンくずリスト設定にて設定できます。

メインエリア(レイアウトパーツ)

スタートアップテーマ・スケルトンテーマともに、全レイアウトに配置されているレイアウトパーツです。下部階層にページのコンテンツが配置されるコンテンツエリア(レイアウトパーツ)が配置されています。
<main class="fs-l-main"></main>というHTMLタグが設定されています。(レイアウトによってclassが追加されます。)

エラー表示

各ページで起こるエラーを表示するパーツです。

コンテンツエリア(レイアウトパーツ)

スタートアップテーマの「商品詳細」レイアウトや、「商品グループ」レイアウトなどに配置されているレイアウトパーツです。
<section class="fs-l-pageMain"></section>というHTMLタグが設定されています。

ページ見出し(フリーパーツ)

スタートアップテーマに配置されているフリーパーツで、ページ見出しを表示します。内容はページ名の置換文字「{% page.heading %}」が記述されています。ページ名はコマースクリエイター>ページ設定-ページ見出しにて変更できます。

マイページトップボタン

注文履歴・クーポン情報などのマイページにある各ページからマイページトップへ戻るボタンです。
ラベル他はコマースクリエイター>ボタン一覧にある「マイページトップ-マイページ」にて変更できます。

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

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

項目表示について

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

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

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

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

×

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

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

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