MENU

トップページ設定

スマートフォンでアクセスされた場合のトップページに関する設定を行います

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

スマートフォンでアクセスされた場合のトップページに関する設定を行います
スマートフォン用トップページURLは、下記となります。
http://契約ドメイン/fs/店舗key/c/

※ご注意※
DNS切替時に、ドメインの部分のリンクURLを書き換えていただきませんと
グループ一覧や商品一覧の「もっと見る」ボタンが動作いたしません。

■変更例
〔変更前〕http://c**.future-shop.jp/fs/店舗KEY/c/
    
〔変更後〕 http://www.ドメイン/fs/店舗KEY/c/

スマートフォン起点ページ(自動生成)設定

スマートフォンページの「ホーム」のURL、
トップページに表示する最上位階層の商品グループ表示数、
ヘッダコメント、フッタコメントの登録ができます。

スマートフォン起点ページ(自動生成)設定

SEO設定

スマートフォン最適化トップページ(http://契約ドメイン/fs/店舗key/c/)の タイトル、
メタタグ(Description,keyword)の設定ができます。

SEO設定

プレビュー

「モバイル>スマートフォン設定>基本設定」の「スマートフォンページを利用する」の設定前(スマートフォンページの利用開始前)に スマートフォンページの表示確認を行うURLを発行します。

  • 非公開の商品も確認いただけます。
  • 受注データは作成しません。

プレビュー

スマートフォンのトップページを「http://契約ドメイン/」に設定する

ご契約時のスマートフォンのトップページのURLは、下記となります
http://ご契約ドメイン/fs/店舗key/c/

スマートフォンで「http://ご契約ドメイン/」へアクセスされた際に
「http://ご契約ドメイン/fs/店舗key/c/」へリダイレクト(遷移)させる場合は、
「.htaccess」ファイルの設定が必要です。「.htaccess」ファイルへ下記の内容を記述してください。


RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPhone [NC,OR]
RewriteCond %{HTTP_USER_AGENT} (Android).*(Mobile) [NC]
RewriteRule ^$ /fs/【店舗KEY】/c/ [L,R=302]

※「.htaccess」とは、Webサーバの動作をディレクトリ単位で制御するためのファイルです。
すでに「.htaccess」を設置されている場合は、上記を追記してください。
「.htaccess」は、「public_html」内へアップロードを行ってください。

スマートフォン用トップページを独自で作成する場合、最後の行を下記のように書換えます。
下記は、スマートフォン用トップページを、FTPサーバ上の「sp」というディレクトリに
アップロードした場合の記述です。
RewriteRule ^$ /sp/ [L,R=302]
※「/sp/は任意のディレクトリ名に変更可能です。

「.htaccess」の作成方法とアップロード先について

  1. テキストエディタなどを利用し、下記のように設定内容を記述します。
    テキストエディタなどを利用し、下記のように設定内容を記述します。
  2. ファイル名を「.htaccess」にし、保存します。
    ファイル名を「.htaccess」にし、保存します。
  3. 作成された「.htaccess」を「public_html」内
    トップページ(index.html)と同じ階層へFTPソフトを利用しアップロードを行ってください。
    FTPソフトを利用しアップロード

「PC用ページに切り替え」について

PC用ページに切り替えボタンをクリックした場合

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

スマートフォン用の最適化ページの下部に表示される「このページをPC用に切り替え」ボタンをタップすると、
確認画面が表示されます。この確認画面で「はい」をタップするとPC用ページが表示されます。
切り替えを行った場合、スマートフォンのブラウザを終了するまでPCページが表示されます。

表示の切替時には、確認画面が表示されます

「このページをPC用に切り替え」ボタンをタップすると、確認画面が表示されます。

「このページをPC用に切り替え」ボタンを非表示にする場合は、CSSを登録します

「このページをPC用に切り替え」の表示を消したい場合は、CSSを利用します。
CSSは、「スマートフォンデザイン設定」の「デザインCSSの編集」へ登録します。

モバイル>スマートフォン設定>スマートフォンデザイン設定

/* PC用に切り替えボタンを非表示にするCSS */
#FS2_SystemNav{display:none;}

「このページをPC用に切り替え」ボタンでの遷移先PCページを変更したい場合

スマートフォンのトップページを商品カテゴリ一覧(http://契約ドメイン/fs/店舗key/c/)のままご利用いただいている場合、PC用に切り替えた場合も商品カテゴリ一覧が表示されます。
PCでは「http://契約ドメイン」でオリジナルのトップページをご利用されている場合でも、オリジナルのトップページが表示されず、商品カテゴリ一覧が表示されてしまいます。
このように、スマートフォンで表示されているページに対するPC用ページをそのまま表示したくない場合、切り替え先のPCページURLを指定することができます。

<!-- 切り替え先URLを変更するタグ -->
<span id="FS2_redirect_url">切り替え先のPCページURL</span>

スマートフォン起点ページ(商品カテゴリ一覧)からの遷移先を変更する場合

モバイルメニュー > スマートフォン設定 > トップページ設定の「スマートフォン起点ページ(自動生成)の設定」にHTMLタグを設定します。

商品カテゴリページからの遷移先を変更する場合

運用メニュー > 商品管理 > 商品グループ上級デザインの「スマートフォン上級デザイン設定」にHTMLタグを設定します。

商品詳細ページからの遷移先を変更する場合

運用メニュー > 商品管理 > 商品上級デザインの「スマートフォン上級デザイン設定」にHTMLタグを設定します。

「.htaccess」によりPCトップページからスマートフォントップページにリダイレクト設定を行っている場合、本タグで指定するURLはリダイレクトされないURLをご指定ください。
リダイレクト前のURLと同じURLを本タグで指定した場合、.htaccessによるリダイレクトが実行され、結果的にスマートフォントップページのPCページ版が表示されます。

©2014 FutureShop All Rights reserved.