FutureShop2 虎の巻

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

カスタマイズ[PC店舗]

CSSに関するリンク

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

■カートページ、メルマガ登録ページを独自に制作する場合の文字コードは?

独自のページをHTMLで作成して、カートボタンや、メルマガ登録フォームを貼りつけてご利用になる場合、文字コードは必ず「Shift-JIS」にしてください。

もっと詳しく読む

▲FTP領域にアップしたHTMLとFutureShop2で生成されたページの表示が異なる

文字コードの指定の違いや、DOC宣言の違い、FutureShop2で使用しているCSSが原因であることが考えられます。

もっと詳しく読む

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

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

もっと詳しく読む

▲[PC]ログイン項目の間隔を修正したい

文字サイズ等を触っていて、ログインページの間隔が狭くなり文字が重なってしまった場合に修正するサンプルソースです。

もっと詳しく読む

▲[PC]文字サイズが大きいと行間が詰まってしまう。

行間は「構築メニュー」>「デザイン設定」>「カラーボタン編集」の「(指定のない)文字の行間」で設定されているCSSの行間指定が効いている為です。

もっと詳しく読む

▲[PC]項目選択肢がラジオボタンの場合、レイアウトが崩れる

ラジオボタンで設定された項目選択肢の内容が長い場合のブラウザによっては(Firefox/Chrome)レイアウトが崩れる場合の対処方法について。

もっと詳しく読む

◎[PC/SP]商品名を大きくしたい、色をつけたい

管理画面での設定もしくは、CSSで表示を変更することができます。

もっと詳しく読む

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

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

もっと詳しく読む

◎[PC/SP]特定の会員ステージ価格を非表示にしたい

通常の会員価格(ステージが設定されてない会員)は非表示で、会員ステージ価格が設定されてる会員にのみ表示させたい場合は、CSSで設定します。

もっと詳しく読む

◎[PC]pager(ページャー)をオリジナルに変更したい

pagerのHTMLタグにclass属性が追加されたため、デザインがカスタマイズできるようになりました。 カスタマイズ例と素材をDLいただけますので、ぜひご活用ください。 <

もっと詳しく読む

◎[PC] キャッチコピーと商品名を分けて(改行して)表示する

キャッチコピーと商品名を分けて(改行して)表示する場合のCSSのサンプル。

もっと詳しく読む

◎[PC]「カートヘ入れる」ボタンを目立たせたい

商品説明が長い場合、「カートへ入れる」ボタンが目立たない場合がございます。対応策として「<a href="http://support.future-shop.jp/material

もっと詳しく読む

◎[PC]おすすめ商品の商品名の文字色、サイズを変えたい

商品ページの下部やカゴに表示されるおすすめ商品の商品名のフォントサイズを設定します。

もっと詳しく読む

◎[PC]ウェルカムメッセージの文字色、サイズ、位置を変更したい

「○○さん こんにちわ」など会員、非会員のウェルカムメッセージを変更するサンプルソースです。

もっと詳しく読む

◎[PC]エラーメッセージを目立たせたい

エラーメッセージを目立たせる場合のサンプルソースです。

もっと詳しく読む

◎[PC]オリジナルアイコン画像を商品一覧には表示しない

オリジナルアイコンを商品詳細画面には表示し、商品一覧の画面には表示しない方法

もっと詳しく読む

◎[PC]ナビゲーション(パンくずナビ)の前に画像を挿入したい

CSSを使って可能です。

もっと詳しく読む

◎[PC]ヘッダ・フッタの横幅だけを100%で表示したい

ヘッダ・フッタの横幅だけを100%で表示するCSSのサンプルソースです。

もっと詳しく読む

◎[PC]ページ左右に1pxの線を引きたい

ページの左右に1pxの線を引くに1pxの線を引くCSSのサンプルソースです。

もっと詳しく読む

◎[PC]並び替え(価格が安い|価格が高い|新着順)を非表示にしたい

並び替え(価格が安い|価格が高い|新着順)を非表示にするCSSのサンプルソースです。

もっと詳しく読む

◎[PC]価格を表示させない。

価格を非表示にするCSSのサンプルソースです。

もっと詳しく読む

◎[PC]商品の上部にあるユーザーメニューエリアを編集したいのですが...

はい、可能です

もっと詳しく読む

◎[PC]商品ページの右下に、常に「カートへ」ボタンを出したい

この設定をすることで、常にブラウザの右下に「カートへ」ボタンが表示され、縦長の商品ページでも、ユーザーが購入の意思を持った際に、すぐにカートボタン付近に移動することができます

もっと詳しく読む

◎[PC]商品一覧・グループ表示時と、商品詳細表示時でデザインを使い分けたい

商品一覧・グループ表示時と、商品詳細表示時でデザインを使い分ける、CSSのサンプルソースです。

もっと詳しく読む

◎[PC]商品画像に枠をつけたい。

商品画像に枠をつけるCSSのサンプルソースです。

もっと詳しく読む

◎[PC]在庫切れ表示の文字色、サイズを変えたい

在庫切れ時に表示する文字を装飾するサンプルソースです。

もっと詳しく読む

◎[PC]検索結果のサムネイル画像幅を一律で設定したい

登録時に、サムネイル画像の幅を統一せず登録した場合、検索結果で商品を並べると統一感がなく、見難くならないように検索結果のサムネイル画像幅を一律に決めるCSSです。

もっと詳しく読む

◎[PC]特定グループ、商品のデザインを変更したい

例えば、ブランドカテゴリ別で「ヘッダ」「フッタ」「メニュー」を変更したい場合の方法です。

もっと詳しく読む

◎[PC]画像ホスティングレイアウト時、マウスポインタを十字にしない方法

画像ホスティング用レイアウトパターンをご利用いただいている場合、初期ではサムネイルにマウスオーバーした際のマウスポインタが十字になります。

もっと詳しく読む

◎[PC]買物カゴの数量欄を消したい

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

もっと詳しく読む

◎[PC]送料高額割引設定の文字色、サイズを変更したい

送料の高額割引設定をしている場合、カートの中ページで表示される「あと購入金額○○円で送料無料です」の文字色、サイズを変更するサンプルソースです。

もっと詳しく読む

◎[PC]項目選択肢の文字色とサイズを変更したい

項目選択肢の文字色とサイズを変更するCSSのサンプルソースです。

もっと詳しく読む

◎テキストのリンクの下にでる線を非表示にしたい

リンクの下線を非表示にするCSSのサンプルソースです。

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

☆[PC]レビュー一覧ページのカスタマイズをするCSS

レビュー(クチコミ)は、購入時に重要な判断要素になります。そのレビュー一覧ページをカスタマイズして、さらに読みやすくすることができます。

もっと詳しく読む

複数のパンくず(ナビゲーション)表示した際に隙間を調整したい

商品ページおいて、所属している全グループのナビゲーション(パンくずナビ)を表示させる設定が可能です。 構築メニュー>ページ設定>商品ページ>サ

もっと詳しく読む