• 文字サイズ


解決済

スマホのフローティングバナー

  • 相談者:非公開
  • 2016/03/01 12:38
いつもお世話になっております。

スマホのフローティングバナー(画面下に固定されるバナー)
の設置ですが、過去の投稿を拝見しておりました。

こちらの内容は、画面下に固定されるバナーの作成方法でしょうか?

初歩的な質問ですが、「GOLDサーバー内に設置」がよくわかないのです。
どのように設置するのでしょうか?

ポイント5倍のバナーを貼り付けたいのですが・・・

宜しくお願い致します。


過去の投稿内容
--------------------------------------------------------------

最初に、下記の内容でCSSファイルを作成し、
GOLDサーバ内に設置してください。
===== この下の行から ============
.spFixedBanner {
display: block;
position: fixed;
right: 0;
bottom: 画面下からの距離px;
z-index: 999;
width: 画像の横幅px;
height: 画像の縦幅px;
}
===== この上の行まで ============
※画面下からの距離、画像の横幅、画像の縦幅は、実際の値(半角数字)にご変更ください。

続いて、スマートフォン用共通説明文に
下記のHTMLタグを貼り付けることで、
固定バナーを設置することができます。
===== この下の行から ============
<link rel="stylesheet"     
href="CSSファイルのURL">
<div   
class="spFixedBanner">
<a href="バナーのリンク先"><img src="バナーの画像URL"></a>
</div   
>
===== この上の行まで ============
※CSSファイルのURL、バナーのリンク先、バナーの画像URLは、実際のURLにご変更ください。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2016/03/01 14:10
ECマスターズの田中です。

>こちらの内容は、画面下に固定されるバナーの作成方法でしょうか?

はい、スマートフォンの画面下に固定されるバナーの作成方………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/02 22:02
CSSファイルの作成とは、
メモ帳を起動して、CSSで保存すると、ファイルが作成できるのでしょうか?

そのファイルを「Ribrary」にフォルダを作成し………(省略)………
  • 返信者:非公開
  • 2016/03/03 10:37
ECマスターズの田中です。

>CSSファイルの作成とは、
>メモ帳を起動して、CSSで保存すると、ファイルが作成できるのでしょうか?
はい、作成できま………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/07 20:41
いつも早急なご対応ありがとうございます。

とりあえず解決済みにします。

またわからないところがありましたら質問させて頂きます。

宜しくお願い致………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/10 21:33
いつもお世話になっております。

>続いて、スマートフォン用共通説明文に
>下記のHTMLタグを貼り付けることで、
>固定バナーを設置することができます………(省略)………
  • 返信者:非公開
  • 2016/03/11 14:16
ECマスターズの田中です。

>スマートフォン用共通説明文とはどこのことでしょうか?
>スマートフォンデザイン設定のどこにありますでしょうか?

表示………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/11 18:44
>■商品ページの場合
> 商品ページ 共通パーツ設定 → 商品ページ共通説明文

こちらに貼り付けましたが、バナーの横幅がスマートフォン画面の幅に
ピッ………(省略)………
  • 返信者:非公開
  • 2016/03/11 18:57
ECマスターズの田中です。

それでは、CSSファイルの内容を
このようにご変更いただくといかがでしょうか。

-------------------………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/11 19:04
できました!
いつも早急なご対応ありがとうございます。………(省略)………
このフォーラムへの質問は終了しました