機能メニュー構成

テーマがcommerce creatorのトップページになります。
「共通」の機能と「テーマ機能に含まれる」機能に分類できます。ページの表示内容やデザインはテーマごとに設定します。

管理画面の構成

管理画面は、一覧と設定/追加/変更画面で構成されています。
一覧で対象となるデータを検索し、設定画面または追加画面または変更画面で任意の内容にして保存するのが基本的な使い方となります。

一覧画面

一覧とは操作対象となるデータを検索し、選択するための画面です。基本的に、追加や複製は一覧で行います。
また一覧画面では、ECサイトに表示する際の順番を設定する、または複数ある中でECサイトに反映するデータを決める場合があります。

追加画面

追加画面とは、futureshopシステムに新しいデータを保存するための設定画面です。

変更画面

変更画面とは、すでにfutureshopシステムに保存されているデータを操作して保存するための設定画面です。

設定画面

設定画面とは、あらかじめfutureshopシステムに準備されているデータを操作して保存するための画面です。変更と違い、追加や削除ができないデータに対する画面です。
追加／変更画面をまとめて「設定画面」と呼称する場合があります。

保存について

画面の右下にある「保存する」ボタンはfutureshopシステムにデータを保存できます。画面に表示されている状態でよければ、「保存する」ボタンを押下してください。
「保存する」ボタンを押下せずに、他の画面に遷移すると、未保存の作業内容は消えます。

パーツオプション設定・パーツ内容入力用画面の保存について

• パーツオプション設定、レイアウトパーツ追加などのモーダルウインドウ画面では「OK」ボタンを押下しても、作業内容が保存されていません。保存するには「OK」ボタン押下後の画面で「保存する」ボタンを押下してください。
• カルーセルパーツの「スライド」・コラムパーツの「コラム」・箇条書きパーツの「行」を追加/変更する画面では、「OK」ボタンを押下しても、作業内容が保存されていません。保存するには「OK」ボタン押下後のパーツ追加/変更画面で「保存する」ボタンを押下してください。
• また、メニューパーツのメニュー項目追加/変更画面では、「OK」ボタンを押下しても、作業内容が保存されていません。保存するには「OK」ボタン押下後のパーツ追加/変更画面で「保存する」ボタンを押下してください。

ブックマークについて

各画面はブックマークできます。よく使う画面だけでなく、よく変更するデータの変更・設定画面をブラウザのブックマークにすることで、作業を効率化できます。

プレビュー可能な画面とプレビュー機能について

下記の画面にて、プレビューできます。

各画面ごとにプレビューの機能が違います。下記の説明をご覧ください。

テーマ（commerce creator）

コマースクリエイター＞テーマのプレビューボタンを押下します。
押下すると、プレビューモード（コマースクリエイター）を選択するモーダルが開きます。

「モード」を選択すると、選択したテーマを適用したECサイトをプレビュー表示できます。
詳しくは、コマースクリエイター＞テーマ-プレビューをご覧ください。

レイアウト（commerce creator）

コマースクリエイター＞テーマ＞レイアウト一覧のプレビューボタンを押下します。
押下すると、プレビューモード（コマースクリエイター）を選択するモーダルが開きます。

「モード」を選択すると、選択したレイアウトをプレビュー表示できます。
レイアウトによりプレビューボタンを押下時の表示画面が異なります。
詳しくは、「レイアウト一覧」からのプレビューで表示されるページについてをご覧ください。

商品レイアウトであれば、すべての商品がプレビュー中レイアウトで表示されます。
未保存の作業内容がある場合は、未保存の作業内容を適用してプレビュー表示をできます。

カラー・サイズ（commerce creator）

コマースクリエイター＞テーマ＞カラー・サイズ一覧のプレビューボタンを押下します。
押下すると、プレビューモード（コマースクリエイター）を選択するモーダルが開きます。

「モード」を選択すると、選択したカラー・サイズを適用したECサイトをプレビュー表示できます。
詳しくは、コマースクリエイター＞カラー・サイズ一覧-プレビューをご覧ください。

ページ（commerce creator）

コマースクリエイター＞ページ一覧のプレビューボタンを押下します。
押下すると、プレビューモード（コマースクリエイター）を選択するモーダルが開きます。

「モード」を選択すると、該当ページを閲覧デバイス（デバイス設定）に従ってプレビュー表示します。
デフォルトレイアウトで表示されます。

詳しくは、コマースクリエイター＞ページ一覧-プレビューをご覧ください。

フリーページ（commerce creator）

コマースクリエイター＞フリーページ一覧のプレビューボタンを押下します。
押下すると、プレビューモード（コマースクリエイター）を選択するモーダルが開きます。

「モード」を選択すると、該当ページを閲覧デバイス（デバイス設定）に従ってプレビュー表示します。
フリーページはページごとにレイアウトを割当できます。
プレビューでは、割当されたレイアウトで表示されます。
割当がなければ、有効なレイアウトで表示されます。

詳しくは、コマースクリエイター＞フリーページ一覧-プレビューをご覧ください。

商品管理・商品グループ管理（classic）

運用＞商品管理＞商品グループ管理（新規登録・編集）/運用＞商品管理＞商品新規登録・商品基本情報編集のプレビューボタンを押下します。
押下すると、プレビューモード（コマースクリエイター）を選択するモーダルが開きます。

移行中（有効済み）店舗は、以前からのユーザー画面のプレビュー・コマースクリエイター用ユーザー画面のプレビューを選べます。

商品グループや商品が登録されていれば、商品ページをプレビューでご覧いただけます。
プレビューモードでも、カートに商品を入れて、購入を行えますが、受注データは作成されません。
また在庫数は減りません。

商品・商品グループは、それぞれ別のレイアウトを適用できます。
運用＞商品管理＞レイアウト・SEO設定-レイアウトにて割当されたレイアウトで表示されます。
割当されなければ、デフォルトレイアウトで表示されます。

詳しくは、商品グループ・商品詳細ページのプレビューをご覧ください。

プレビューモード（コマースクリエイター）

プレビュー可能な画面にてプレビューボタンを押下すると、プレビューモードを選択するモーダルが開きます。

デザイン確認モード

管理画面の設定にかかわらず、ECサイトで各オプション機能を利用する設定として表示されます。
オプション機能のデザイン調整にご利用いただけます。
また、非公開の商品や商品グループが表示されます。
なお、プレビューモードでは非公開商品をカートに入れることはできません。

動作確認モード

管理画面の設定にしたがって、ECサイトが表示されます。
非公開の商品や商品グループは表示されません。

プレビュー用URL・QRコード

スマートフォンからテーマをプレビューする場合に、表示されたQRコードを、QRコード読取機能があるアプリで読み取ってください。
または併記されたURLをメールなどで共有してください。
プレビューを表示するボタンを押下すると、別タブで表示されます。

プレビューヘッダを非表示にするCSS記述について

プレビュー表示をすると、下図（赤枠）のようにプレビューヘッダーが表示されます。

非表示にするには、下記の記述をご利用のテーマのオリジナルCSSに記述してください。

.fs-preview-header { display: none; }
		

• テーマ名、テーマ説明、パーツ名、パーツ備考、レイアウト名などはECサイトに表示されない、管理用の名称です。