FutureShop2 虎の巻

Home > 裏ワザ/カスタマイズ > カスタマイズ[SP店舗]

カスタマイズ[SP店舗]

CSSに関するリンク

CSSに関する便利なリンクをお知らせします。

もっと詳しく読む

CSSをつかって項目ごとの表示を削除する

各項目をCSSをつかって、ブラウザ上の表示をしない場合のサンプルソースです。

もっと詳しく読む

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

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

もっと詳しく読む

■CSS/Javaスクリプトを設定する場所は?

PC店舗用は、構築メニュー > デザイン設定 > 編集 > CSS/JavaScriptの設定でオリジナルのCSSやJavaスクリプトを設定し

もっと詳しく読む

▲[PC/SP]¥(半角円マーク)が\(バックスラッシュ)になってしまう

CSSでfont-familyプロパティを、Verdanaやsans-serifなどに設定していることが主な原因です。

もっと詳しく読む

◎[PC/SP]特定のページだけにCSSを効かせたい

FutureShop2の自動生成されるページには、各ページ単位のClass(クラス)が指定されているので、特定ページだけにCSSを効かせることが簡単にできます。

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

◎デザインのリニューアルを行いたい

PCページのヘッダ、フッタ、メニューのデザイン変更は、裏で構築を行って、確認することができます。スマートフォンのリニューアルは、お手数ですがお試し店舗などで構築して、コピペ等で移行し

もっと詳しく読む

☆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

もっと詳しく読む