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

スマートフォンデザイン設定-デザイン設定

×

マニュアル閲覧上の注意

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

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

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

スマートフォン最適化ページのオリジナルCSSの設定

スマートフォンページ作成の詳しいマニュアルは、スマートフォン・マニュアル(PDF)をご覧ください。

モバイルメニュー>スマートフォンデザイン設定>デザイン設定で設定されるCSS「original_smp.css」は、
スマーフォン(最適化)ページのみに適用されるCSSとなります。

デザインCSSの編集

futureshopのスマートフォンページのデザイン用CSSは、ここへ設定します。
設定されたCSSは、外部CSSファイル「original_smp.css」として読み込まれます。最大文字数:半角160,000字

デザインCSSの編集

スマートフォンページの2つの「CSS」

futureshopのスマートフォンページでは、2つの外部CSSファイルが<head>内に記述されています。
「デザイン設定」で設定するCSSは、「original_smp.css」として2つ目のファイルとして読み込まれます。

デザインCSSの編集

スマートフォンページのソースを確認する方法

スマートフォンページのページソース(HTMLソース)を確認する場合、Firefoxなどブラウザに
ユーザーエージェントを偽造する「アドオン」をインストールし、スマートフォンページを閲覧し、
「右クリック」メニューの「ページのソース表示」よりHTMLソースをご確認ください。

デザインCSSの編集

その他、スマートフォンページ作成について

項目表示について

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

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

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

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

×

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

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

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