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

テーマ

×

マニュアル閲覧上の注意

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

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

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

テーマとは

テーマとは、ECサイトの表示内容やデザインを管理する機能です。

デバイス設定を利用して、スマートフォンやPCに表示するコンテンツを出し分けできます(最適化サイト)。
一つのテーマを全デバイスに表示することもできます(レスポンシブ対応)。

テーマごとに変更できる項目

テーマごとに以下の項目を変更できます。

カラー・サイズ
スタートアップテーマを利用する場合に、主要な箇所の色やボタンの色、角丸のサイズを変更できます。
ボタン
各ボタンのラベルを変更できます。CSSによるデザインボタンを、画像ボタンに変更できます。
商品マーク
商品タグ利用して、商品一覧などに表示できる、商品の特徴を一言で表すマークを追加できます。
レイアウト
各ページの表示内容を変更できます。パーツを配置することで、コメントやバナーなどを自由に追加できます。
オリジナルCSS
全レイアウトに共通のCSSです。任意に追記できます。HEADタグの最後に記述されます。
テーマ設定
テーマ名とテーマ説明文の変更のほか、テーマごとの商品説明文の選択や価格の表示方法、Amazon Pay関連ボタンの色とサイズ、商品画像サイズの設定などができます。

テーマにかかわらず共通の項目

次の項目はテーマにかかわらず共通して使用できる項目となります。

  • ページの表示内容をテーマで設定します。
  • フリーページの表示内容をテーマで設定します。
  • パーツはテーマにかかわらず共通して使用できます。
  • アイテムはテーマにかかわらず共通して使用できます。
  • メッセージは設定内容はデバイスにかかわらず共通か、または内容をデバイスごとに設定するメッセージもあります。
  • 管理タグ一覧はパーツやアイテムの管理用であるため、テーマにかかわらず共通して使用できます。

テーマ一覧

テーマが一覧表示されます。

一覧表示項目

利用状況

「利用中」または「未利用」が表示されます。
「利用中」と表示されているのは、デバイス設定でいずれかのデバイスで表示する設定がされているテーマです。「利用中」にするには、デバイス設定で選択してください。

テーマ名

テーマ名が表示されます。テーマ設定で変更できます。

説明

テーマの説明が表示されます。テーマ設定で変更できます。

各設定画面へ遷移するボタン

押下すると、テーマで管理できる各設定画面へ遷移します。

複製

テーマを複製します。複製ボタンを押下すると、複製ダイアログが表示されます。
複製ダイアログでテーマ名とテーマ説明を入力して、「テーマ複製する」ボタンを押下すると、複製されます。

プレビュー

プレビューモードでECサイトを表示できます。任意のテーマを利用してプレビューを表示できます。

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

デザイン確認モード/動作確認モードについて

いずれかの動作モードを選んでプレビューを表示できます。

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

プレビューの詳細については、管理画面の使い方-プレビュー方法をご覧ください。

デバイス設定を変更する

デバイス設定画面へ遷移します。
デバイスごとに表示するテーマを設定でき、PC・タブレット・スマートフォンそれぞれに対する最適化サイト、または、一つのテーマで全デバイスに対応するレスポンシブ対応サイトが実現できます。

初期設定されたテーマについて

スタートアップテーマ

すぐ開店できるように、サンプルパーツが配置されたテーマです。業種や商材によらず使用できるように、シンプルなデザインをご用意しています。
サンプルは業種・商材によらずよく使われるパーツや、futureshopの機能をご利用いただくために推奨されるパーツを選択しました。また、不要なパーツは、レイアウトやパネルパーツから外して下さい。

スケルトンテーマ

futureshopが用意したCSSデザインを使用せず、一から構築される場合に使用していただくテーマです。システムパーツの表示に必要なデザインCSSのみが出力されます。
サンプルパーツが配置されていません。(システムパーツのみ)また、商品詳細のレイアウトも1パターンのみとなります。

項目表示について

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

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

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

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

×

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

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

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