スマートフォンの色味をそろえたい。テンプレートはありますか。

コマースクリエイター未利用店舗様専用の記事です

はい、スマートフォン最適化ページの全体的な色味を変更するCSSファイルと画像のセットを
「ベージュ」「ブルー」「グリーン」「ピンク」の4種類ご用意しております。
 
下記にサンプルをご用意いたしました。
※クリックすると拡大して表示します
 
ベージュ ブルー グリーン ピンク
 
下記の手順で設定いたします。

1.素材ファイルのダウンロード

※素材ファイルは、システムバージョンアップに伴って変更される場合があります
 

2.素材ファイルのアップロード

ダウンロードしたzipファイルを解凍し、フォルダごとサーバーにアップロードしてください。
 
常時SSL対応店舗様
コンテンツサーバー ※CMSサーバー(VPS)利用オプションをドメイン直下プランでご契約の場合はCMSサーバー
 
常時SSL未対応店舗様
共用SSLサーバー
 
  • 共用SSLサーバーは、TOPページ等のデータをアップロードしていただいているものとは異なるサーバー領域です。
  • 共用SSLサーバーのアカウントは、店舗開通時の「futureshopセットアップ完了のお知らせ」のメール内でご案内しております。
 
 

3.CSS読み込みの設定

管理画面の モバイルメニュー>デザイン設定 ページにて、
「デザインCSSの編集入力」欄の先頭に、下記にて出力されるコードを埋め込んでください。
 

常時SSL対応店舗様

public_htmlにspフォルダを作り、その中に2の素材をアップした場合
@import url(https://ご契約ドメイン/sp/fs2_smp_color_カラー/fs2_smp_color_カラー.css);

常時SSL未対応店舗様

public_htmlにspフォルダを作り、その中に2の素材をアップした場合
@import url(https://secure2.future-shop.jp/~店舗KEY/sp/fs2_smp_color_カラー/fs2_smp_color_カラー.css);
※「ご契約ドメイン」「店舗KEY」は、ご契約店舗の情報に書き換えてください。
※「カラー」は、ご利用のカラー(beige,blue,green,pink)に書き換えてください。
 

購入ステップ画像素材

購入手続き画面にて表示される購入ステップ画像を、
初期表示のブルー以外のベージュ・グリーン・ピンクの3色をご用意いたしました。

モバイルメニュー>デザイン設定>ボタン設定 にて購入ステップの画像が変更可能です。

素材ファイルのダウンロード

この記事は役に立ちましたか?