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

レイアウト編集

×

マニュアル閲覧上の注意

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

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

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

デザイン名

選択しているデザインテンプレートの名称を変更できます。

デザインテンプレートについて詳しくは、構築メニュー>デザイン設定>デザイン設定(一覧)をご覧ください。

レイアウトパターン

レイアウトパターン(基本レイアウト)
ラジオボタンで選択し、切り替えボタンを押下すると、名称・ページレイアウト指定・表示させるHTMLを編集できます。
レイアウトパターン(基本レイアウト)は、基本となるレイアウトパターンになります。商品が削除された際などに表示される「ページが見つかりません」などのページや、システムが出力するエラーページなどはこのレイアウトが採用されますので、必ず設定を行なってください。
レイアウトパターン(追加レイアウト:50パターン)

各ページごとにレイアウトを変更する場合のレイアウトを50パターンまで設定することができます。ラジオボタンで選択し、設定したいレイアウトを選択して「切り替え」ボタンを押下してください。
ここで設定されたレイアウトは「レイアウト指定」にて設定ができます。
また、商品・商品グループごとにレイアウトを設定する場合は、運用メニュー>商品管理>商品グループ管理(上級デザイン)運用メニュー>商品管理>商品情報(上級デザイン)で指定できます。

「切り替えボタン」をクリックすると、選択された「デザインレイアウトパターン」のデザインデータが呼び出されます。

現在編集中のレイアウトパターン

レイアウトパターンの名称を変更できます。

ページレイアウト指定

表示したいレイアウト部分にチェックを行い、その幅を指定してください。

コンテンツエリア(商品・商品グループを表示する部分)、「ヘッダ」「フッタ」「左メニュー」「右メニュー」の表示/非表示、表示幅が設定できます。ページエリア設定でチェックしたエリアのみ表示されます。

ページ全体の幅と寄せ

ページ全体の幅(「ヘッダエリア」「フッタエリア」の幅)を設定してください。

左寄せ
ページ全体を左寄せで表示します。ページの幅が100%でない場合、右側に余白を表示できます。
中央
ページ全体を中央に寄せて表示します。ページの幅が100%でない場合、余白を左右に表示できます。

左メニュー幅

左メニューの幅を設定してください。

右メニュー幅

右メニューの幅を設定してください。

コンテンツエリアの幅について

コンテンツエリアの幅は、「ページ全体の幅」より、「左メニュー」「右メニュー」の幅を引いたサイズとなります。

例えば、左メニューのみを設定されていた場合は、コンテンツエリアの幅は「ページ全体の幅から左メニューの幅を引いた数」がコンテンツエリアの幅になります。

ページレイアウトのHTML

ページレイアウトに表示するHTMLを入力してください。

HTMLタグの使用について、詳しくはHTMLタグを使用するをご覧ください。

ヘッダエリアに表示させるHTMLタグ
ヘッダーエリアに表示させるHTMLを入力してください。ページレイアウト指定で、ヘッダーエリアをチェックされていない場合は、ショップ画面に表示されません。
左メニューに表示させるHTMLタグ
左メニューに表示させるHTMLを入力してください。ページレイアウト指定で、ヘッダーエリアをチェックされていない場合は、ショップ画面に表示されません。
右メニューに表示させるHTMLタグ
右メニューに表示させるHTMLを入力してください。ページレイアウト指定で、ヘッダーエリアをチェックされていない場合は、ショップ画面に表示されません。
フッタエリアに表示させるHTMLタグ
フッターエリアに表示させるHTMLを入力してください。ページレイアウト指定で、ヘッダーエリアをチェックされていない場合は、ショップ画面に表示されません。

項目表示について

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

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

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

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

×

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

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

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