スマホのフローティングバナーについて

Question

大変お世話になります。

まるごとスマホを利用しページ作成していますが、
スマホのトップページへ、
フローティングバナーを入れる方法が分からない状況になります。

※過去フォーラムを確認しまして、
商品ページに入れる方法は分かる状況になります。

↓現在、こちらがgoldにおいてありますファイルCSSファイルになります。

-------------------------------------------------

.spFixedBanner img{
 display: block;
 position: fixed;
 right: 0;
 bottom: 0px;
 z-index: 999;
 width: 100%;
 }

-------------------------------------------------


↓現在、こちらが商品ページ共通パーツ設定の商品ページ共通説明文へ入れているソースになります。

-------------------------------------------------


 
 
 

-------------------------------------------------


商品ページと同様に、
トップページへも表示ができればと思います。

よろしくお願い致します。

Answer

ECマスターズの田中です。

それでは、商品ページ共通説明文に入れていただいているHTMLソースをそのまま、
まるごとスマホにて、「HTML直接入力」ブロックを用いて
トップページに挿入していただけますでしょうか。
（CSSファイルは、商品ページと共通のファイルを使いますので、新しく作る必要はありません）

Answer

大変お世話になります。

トップページも表示がされました。
ありがとうございました。

Answer

ECマスターズの田中です。

当質問にていただいたような、
画面に固定されるバナーを簡単に設置できる
「バナー設置君」を作成いたしましたので、
全体公開前に、当質問への返信として、
先行してお知らせさせていただきます。

HTMLやスタイルシートを書くことなく、
完成したHTMLをヘッダー・フッター・レフトナビに貼り付けるだけで
固定バナーを簡単に設置することができます。

オプションを詳しく設定することで、
マウスを乗せると動いたり、半透明になったり、
IDを変えることで複数設置することも可能です。

もし、新しいバナーに入れ替える機会などありましたら、
ぜひ、下記URLより「バナー設置君」をお試しいただき、
わかりづらい点やご希望などございましたら
お知らせいただければと思います。
https://ec-masters.club/fwd3/fixedbannerkun