FutureShop2 虎の巻

Home > 裏ワザ/カスタマイズ

裏ワザ/カスタマイズ

404エラー[Not Found]、500エラーなどのページカスタマイズについて

サイトを管理するツールサイトマネージャーの機能に「カスタムエラー作成ツール」があります。

もっと詳しく読む

CSSに関するリンク

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

■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]ログイン項目の間隔を修正したい

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

もっと詳しく読む

▲購入画面(SSLページ)に飛ぶと「このページにはセキュリティで保護・・・・」とアラートが出る。

購入画面や会員登録画面などSSLで保護されたページ(httpsではじまるページ)に遷移すると下記のようなアラートが表示される場合があります。また、最近のブラウザではアラートを出さず、読み込みを強

もっと詳しく読む

◎YouTube(動画)を、設置したい

YouTube(ユーチューブ)(動画)を利用して、商品紹介をする場合の設定方法をお伝えします。

もっと詳しく読む

◎[PC/SP]フリーページ(オリジナルコンテンツページ)を作成したい

グループページをコンテンツのみのページ(フリーページ)やランディングページ(LP)として利用することが可能です。 会社概要や、こだわりを伝えるページなどにご活用ください。 PC店

もっと詳しく読む

◎[PC/SP]メルマガを可にしてもらう為のアピール方法

会員登録時にメルマガ可にしてもらう為にお客様にもっと特典をアピールする方法です。

もっと詳しく読む

◎[PC/SP]会員特典をアピールする方法(ご購入手続編)

ご購入手続に進んだ際に、「会員登録」をしてもらいやすいように、特典をアピールしましょう。

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

◎[PC]グループ名を非表示にしたい。

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

もっと詳しく読む

◎[PC]ショッピングカート内のサムネイル画像のサイズ変更したい

商品をカートに入れた後、ショッピングカート内のサムネイル画像のサイズ変更の方法です。

もっと詳しく読む

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

CSSを使って可能です。

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

◎[PC]メルマガ受信可否のデフォルト値を"否"としたい

クーポンサイトにご登録いただくなど、メルマガ受信可否のデフォルト値を"否"としておく必要がある場合の、サンプルタグをご紹介させていただきます。

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

はい、可能です

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

◎[PC]画像ホスティングレイアウトのマウスオーバー時に効果を出したい

画像ホスティング用レイアウトパターンをご利用いただいている場合、マウスオーバー時にサムネイル画像に効果を出すことが出来ます。<span color="#ff0000" style="

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

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

項目選択肢の文字色とサイズを変更する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(ページャー)をショップの雰囲気に合わせて、 色や大きさを変更することが可能です。

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

◎【カゴ落ち対策】[PC/SP]入力フォームに初期値を入れて入力を補助したい

入力フォームに初期値をセットする為の、サンプルタグをご紹介させていただきます。

もっと詳しく読む

◎【カゴ落ち対策】[PC][SP]フォーム入力アシスト機能の色等のカスタマイズ

カート以降のフォームの入力アシスト機能のカスタマイズ方法です。

もっと詳しく読む

◎【カゴ落ち対策】[PC]カートに入ったら、左右メニューを非表示にしたい

カートに入ったら、左右メニューを非表示にする方法をご案内します。

もっと詳しく読む

◎【カゴ落ち対策】[PC]入力フォームの入力欄を大きくしたい

会員登録画面や、お届け先情報入力画面・お支払い方法選択画面にて、入力欄を大きく表示することができます。

もっと詳しく読む

◎【コメントパターン活用事例】購入手続きやログイン画面に、任意の文言・画像を表示する

購入手続き画面、会員登録画面等のページは、Futureshop2のシステムから自動生成されており ページ内のHTML編集を行うことができません。

もっと詳しく読む

◎【簡易登録】会員登録を簡単にしたい

会員登録する際の項目を減らして簡単に登録してもらう設定ができます。

もっと詳しく読む

◎カゴへボタンHTML:「カゴボタン」を他のページに設置したい

 商品登録後にその商品専用の「カゴへ」のボタンのHTMLを出力できますので、既存のページにカゴボタンを貼り付けることが可能です。

もっと詳しく読む

◎カゴへボタンHTML:バリエーションをプルダウンで表示させたい

HTMLタグ出力を利用すれば、バリエーションを表組ではなくプルダウンで見せることができます。

もっと詳しく読む

◎カゴへボタンHTML:数量選択の見せ方を変更したい

カゴボタンを他で貼り付けて利用するタイプの「カゴのHTMLタグ」のカスマイズ方法です。

もっと詳しく読む

◎カゴへボタンHTML:注文時にテキストを入力させたい。

ハンコや贈り物の場合、名前やのし名を注文時に入力させてカゴに入れて欲しい場合などに利用することが可能です※08年11月バージョンアップにより、自動生成の商品ページでも「テキスト入力」を設定

もっと詳しく読む

◎シマンテック(SSL)のNortonセキュアドシールとは

「シマンテック(SSL)のNortonセキュアドシール」は、SSL証明書です。

もっと詳しく読む

◎ショッピングカート画面にサムネイル画像を表示させたい

ショッピングカート画面に商品サムネイル画像を表示することが可能です。

もっと詳しく読む

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

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

もっと詳しく読む

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

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

もっと詳しく読む

◎トップページ・特集ページに、お客様のお名前・会員ステージ・保有ポイント数を表示したい

トップページ・ランディングページ等、FutureShop2自動生成ページ以外の静的ページに、 ログアウト状態で<font color="#ff00

もっと詳しく読む

◎ポイント利用、クーポン利用を目立たせたい

お支払方法ページでポイント、クーポンは利用できますが、その項目を目立たせる方法です。

もっと詳しく読む

◎ランディングページに購入ボタンを設置したい

特定の商品に関して、ランディングページを用意しているので、 ショップ内では商品を表示したくない、という場合の設定方法です。

もっと詳しく読む

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

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

もっと詳しく読む

◎画像ホスティングオプションのバルーンを非表示にしたい

※画像ホスティングオプションをご利用の場合

もっと詳しく読む

◎1ページに複数商品のカゴボタンを並べたい

1ページに複数商品を並べることができます。

もっと詳しく読む

☆Sample:「オプション価格」の追加時に必要なCSS

「オプション価格」を運用途中で使用を開始される場合は、CSSの調整が必要になります。※「デザイン設定」の「カラー/サイズ編

もっと詳しく読む

☆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

もっと詳しく読む

☆Sample:画像ホスティングオプションを活用した、アパレルショップ向けリキッドレイアウト

大手アパレルショップのような、ウインドウの横幅に応じた商品一覧と商品詳細ページをCSSにて再現していただけます。

もっと詳しく読む

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

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

もっと詳しく読む

アクセスログについて

サイトマネージャーからでもアクセスログを見ることができます。

もっと詳しく読む

アクセス集中時、より多くのユーザー様に購入いただくために

セール時やメールマガジン配信時等、アクセス集中の際、 より多くのお客様にお買い物いただく為の、パスの記述方法をご案内させていただきます。

もっと詳しく読む

カゴへボタンHTML:【ショッピングカート・タグ作成の基礎】

「カートヘ」の部分の<form>タグの部分をはりつけて、オリジナルページに商品ページを作る まとめ買いのタグも作成することができます。

もっと詳しく読む

カゴへボタンHTML:まとめ買い用カゴボタンHTMLタグ出力機能応用方法

まとめ買い用カートHTMLタグ出力機能の応用方法です。出力されたタグを修正するだけで下記のようなことが可能になります。

もっと詳しく読む

カゴへボタンHTML:闇市商品を1ページに複数陳列したい

闇市機能(パスワード認証により商品が閲覧できる機能)は、通常1商品づつパスワードを入力しないといけませんが、1つの商品にまとめることにより、1度のパスワード入力で複数商品を見せることができます。

もっと詳しく読む

クーポン活用で売上アップ!

売りたい商品を売る・リピートを発生させる・購入単価を上げる・新規会員の獲得などのプロモーションにクーポン機能が活用できます。

もっと詳しく読む

ポイント機能を、月々1500円で大きく使う!<使い方/プロモーション例>

月々1500円で利用できるポイントオプションは使い方次第!「いいお客さんを作る」「お客さんを呼び戻す」「購入頻度を上げる」などなどプロモーション方法はいっぱいあります。

もっと詳しく読む

会員機能を利用して、「B2B・ファンクラブ・有料会員サイト」として利用する

完璧なB2B(ビジネスtoビジネス)のサイトとしてご利用いただくことはできませんが、近い形での利用ができます

もっと詳しく読む

入荷お知らせメール活用法!

「入荷お知らせメール」はオプションとなります。追加のお申し込みは、 管理画面の構築メニュー>管理者設定>オプション追加申込の専用フォームにてお申し込み下さい。<span st

もっと詳しく読む

1商品ごとに下線を引きたい

商品一覧表示または商品グループ表示時に1商品ごとに下線を引くCSSのサンプルソースです。

もっと詳しく読む