FutureShop2 虎の巻

Home > モバイル

モバイル

PCにてモバイル画面をプレビュー確認する無料ツール

管理画面内でのモバイルプレビューに関して

もっと詳しく読む

[PC/SP]「トップへ戻るボタン」を表示させる方法

ページの右端などに、TOPへ戻るボタンなどをつける参考サイトをご紹介します。

もっと詳しく読む

[SP]スマホトップページにリダイレクトする設定

スマートフォンで、契約ドメインでアクセスされた際に、スマートフォン用のトップページにリダイレクトさせる方法です。「.htaccess」ファイルの設定が必要で

もっと詳しく読む

[SP]スマートフォンのボタン画像のCSSのクラス名一覧

最初は、スマートフォンのボタンは、CSSで作成されています。基本、各ボタン2つのクラス名が当たっています。(半角スペースで区切られています。) オリジナルのボタン画像を登録した場

もっと詳しく読む

[SP]スマートフォン店舗で設定すべき項目

FutureShop2のモバイルオプションで、「スマートフォン」対応する為に必要な設定項目をご案内します。※PC店舗とスマートフォン店舗のURLは同じです。

もっと詳しく読む

[SP]スマートフォン用トップページの作成方法

フューチャーショップにて、スマートフォンサイト用トップページを作る方法は、3つの方法があります。

もっと詳しく読む

[SP]動的にメニューを表示させる方法

ドロワーメニューと呼ばれるJavascriptを利用したタップしたら横からメニューが表示させる参考サイトを紹介します。

もっと詳しく読む

[SP]固定メニューを表示させる方法

スマートフォンで、ヘッダーやフッターなどに固定されて表示させる参考サイトを紹介します。

もっと詳しく読む

▲[PC][SP]カート以降(SSLページ)でCSSとJavaScriptが適用されない

SSLページに入ると、CSSやJavascriptが効かずに、ページが崩れるなどの現象が発生した場合、外部から読み込んでいるCSSファイル、Javascriptファイルがないかご確認ください。<

もっと詳しく読む

▲[SP]スマートフォンの「カートに入れる」ボタンを画像に変更したら崩れた

「カートに入れる」ボタンを画像に変更すると、位置がズレますので、下記のCSSを追加してください。

もっと詳しく読む

▲「お買物には Cookie が必要となります。」のエラーがでる

ブラウザの設定によって、Cookie(クッキー)が拒否されているとエラーがでて、購入、会員登録等続けていただくことができません。

もっと詳しく読む

▲スマートフォンで商品説明や上部・下部コメントが表示されない

スマートフォンは、PCに比べ表示領域が狭くなりますので、 スマートフォンに適した内容・文章量を表示できるように、 商品説明、上部・下部

もっと詳しく読む

▲スマートフォンで購入する際にカートに商品が入らない

www.あり/なし ドメインを併用されている店舗様へ

もっと詳しく読む

◎[PC][SP]送料についての内容を変更したい

初期状態で表示される、『送料について』の文言を変更する方法をご紹介致します。

もっと詳しく読む

◎[SP]GoogleAnalyticsで電話番号がタップされた数を計測する方法

スマートフォンサイトにて電話番号を表示して、その電話番号がタップされた数をGoogleAnalytics(グーグルアナリティクス)で計測する方法をご案内します。

もっと詳しく読む

◎[SP]【このページをスマートフォン用に切り替え】のボタンを大きくしたい

スマートフォン最適化ページにて、商品ページやグループページを、PC用ページに切り替えた際に ページ最下部に表示される【このページをスマートフォン用に切り替え</stron

もっと詳しく読む

◎[SP]おすすめ商品を横に2つ(3つ)の商品を並べたい

スマートフォンでおすすめ商品を、1段に2つ(3つ)の商品を並べるCSSをご紹介します。

もっと詳しく読む

◎[SP]スマホトップページで「PC用に切り替え」ボタンを押したときはPC版トップページを表示させたい

スマートフォンで、「このページをPC用に切り替え」ボタンをタップすると、PCページが表示できます。スマートフォンのトップページ

もっと詳しく読む

◎[SP]スマートフォンで通信欄の高さを調整したい

スマートフォンで通信欄の高さはCSSで調整します。

もっと詳しく読む

◎[SP]スマートフォンの商品一覧にて横に2つ(3つ)の商品を並べたい

スマートフォンの商品一覧ページにて、1段に2つ(3つ)の商品を並べるCSSをご紹介します。 1段に「2つ」の商品を並べる場合 <img style="displa

もっと詳しく読む

◎[SP]スマートフォンサイトでピンチで拡大縮小したい

スマートフォン店舗で2本指で拡大・縮小するピンチ操作(ピンチイン・ピンチアウト)が出来るようにする方法です

もっと詳しく読む

◎[SP]スマートフォン用のpager(ページャー)をカスタマイズしたい

スマートフォン商品一覧などに表示される、pager(ページャー)をショップの雰囲気に合わせて、 色や大きさを変更することが可能です。

もっと詳しく読む

◎[SP]スマートフォン画面の上部に「PCに切り替え」ボタンを表示したい

(※モバイルオプション利用時のみ)スマートフォン画面にてページ下部に「PCに切り替え」ボタンが表示されていますが、画面上部にも表示することができます。

もっと詳しく読む

◎[SP]フリックの矢印画像をオリジナルに変更したい

標準で表示されているフリック矢印画像をオリジナル画像にカスタマイズする方法です。 <img src="http://support.future-shop.jp/imag

もっと詳しく読む

◎[SP]商品拡大した際の画像サイズを設定したい

スマートフォンの商品画像をタップした際に表示される拡大画像のサイズを画面いっぱいにしたい場合はCSSで設定できます。

もっと詳しく読む

◎【他サービス連携】LINEで送るボタンを設置したい(スマートフォン)

商品ページ、注文完了ページに「LINEで送る」ボタンを設置することで、購入者、検討段階の方から友達へLINEを使った商品紹介をしていただけるようになります。

もっと詳しく読む

◎【他サービス連携】[PC/SP]Pintarest(ピンタレスト)のPinボタンを設置したい

商品画像にPinボタンを設置することができます。

もっと詳しく読む

◎スマホ用検索フォームを設置したい

好きな場所にスマートフォン用の検索フォームを設置できます。

もっと詳しく読む

◎商品、カートページの各項目のレイアウト配置を知りたい

商品詳細ページのレイアウト構成に役立つ、画像やコメントなどの配置関係をご紹介します。

もっと詳しく読む

☆Sample:スマートフォン用アコーディオンメニュー

<img alt="" src="http://support.future-shop.jp/images/smartphonepage_img/accordionMenu_1.png" style=

もっと詳しく読む

☆Sample:スマートフォン用カラーパターンCSSについて

スマートフォン最適化ページの全体的な色味を変更するCSSファイルと画像のセットをご用意いたしました。

もっと詳しく読む

☆Sample:スマートフォン用タブナビゲーション

<img alt="" src="http://support.future-shop.jp/images/smartphonepage_img/headMenuTab_img0.png" style

もっと詳しく読む

☆Sample:スマートフォン用バナーレイアウト

<img alt="" src="http://support.future-shop.jp/images/smartphonepage_img/bannerLayout_1.jpg" style="

もっと詳しく読む

☆Sample:スマートフォン用ボタンナビゲーション

<img alt=" " src="http://support.future-shop.jp/images/smartphonepage_img/btnNav_img1.png" style

もっと詳しく読む

☆Sample:スマートフォン用商品サムネールレイアウト

<img alt="" src="http://support.future-shop.jp/images/smartphonepage_img/goodsLayout_1.png" style="b

もっと詳しく読む

イケてるデザインリンク集 -パソコン/スマートフォン-

イケてるデザイン(サイト)のリンク集。※ランディングページもあります!

もっと詳しく読む

スマートフォンとパソコンサイトの切り替え

スマートフォンで、トップページ(http://契約ドメイン/)でアクセスされた際にJavaScriptを利用し、切り替え画面を表示する方法について。

もっと詳しく読む

<Google対策>[SP]Googleでモバイルフレンドリーでないと指摘された

2015年4月21日にGoogleからリリースされるモバイルフレンドリーアルゴリズム対策です。FutureShop2のモバイルオプションをご利用の場合は、スマートフォン対応できますの

もっと詳しく読む

<Google対策>[SP]「タイトルタグの重複」で指摘された場合の対応

Googleが提供しているGoogle Search Console(旧Googleウェブマスターツール)で「タイトルタグの重複」を指摘された場合の対策方法です。

もっと詳しく読む