スマホページのポップアップバナー

Question

いつもお世話になっております。先日作ったスマホ商品ページの１０００円引きクーポンのポップアップバナーの住所をすっかり忘れてしまいました。クーポンの期限が切れたので、更新したいのですが、できません（泣）大変お手数なのですが、ポップアップバナーのタグを何処に貼り付けたのか教えてください。

https://www.rakuten.co.jp/auroraweb/index.html

あと、楽天の購入ポップバナーで、どうしても１０００引きクーポンバナーが埋もれてしまうので、レイアウト微調整をどうすれば良いのか教えてください。よろしくお願いいたします。

Answer

ECマスターズの田中です。

＞大変お手数なのですが、ポップアップバナーのタグを何処に貼り付けたのか教えてください。

RMSメインメニュー ＞ 店舗設定 ＞ 2 デザイン設定 ＞ 2 スマートフォン デザイン設定 ＞ 商品ページ共通パーツ設定
の中にある「商品ページ共通説明文」に記載されておりますので、
との間（タグ内のスペース省略）に記載されている
HTMLタグの修正をお願いいたします。

＞レイアウト微調整をどうすれば良いのか教えてください。

先述のタグの直上にて、タグで埋め込まれている
https://www.rakuten.ne.jp/gold/auroraweb/smasma.css
上記CSSファイルの中で、
の１つ内側にあるタグへの指定が行われているので、
この指定を修正することで微調整ができますが、
具体的にどのように調整される予定でしょうか。

たとえば、
bottom: 0;
を
bottom: 71px;
にご変更いただくことで、
画面下部から距離を置くことができ、
結果として買い物かごボタンの上にクーポンバナーを配置することができます。

ですが、上に出した結果、
クーポンバナーによって画面を大きく占領してしまい、
お客様の利便性を損なう結果になる可能性がございます。

たとえば、さらに横長なバナーにご変更いただき、
お客様の見える領域をなるべく拡げる（かつ、クーポンも問題なくタップできる）よう
修正していただくなど、
お客様が不便に感じない程度に改変していただきますようお願いします。

Answer

ご返信ありがとうございます。早速、クーポンを更新出来ました。ありがとうございました。

はい。作用でございます。　希望は楽天の【上へ】バナーと同じくらいの小さいサイズに変更して、
縦に並ぶような感じにレイアウトしたいのですが、どの様にすればできるでしょうか？

取り敢えず、バナーの位置を変えるようにやってみたのですが、うーん・・。
どうもうまくいきません。引き続きご伝授宜しくお願い致します。

Answer

ECマスターズの田中です。

＞希望は楽天の【上へ】バナーと同じくらいの小さいサイズに変更して、
＞縦に並ぶような感じにレイアウトしたいのですが、どの様にすればできるでしょうか？

その場合、変更点が多数ございますので、
バナー設置君で作成したHTMLソースに差し替えていただいたほうが、
ミリバールさん自身で見た目を確認しながら調整ができるという面でも
望ましいと思います。
https://manual.ec-masters.net/index.php?ecm-tools-manual-banarsetti

＞取り敢えず、バナーの位置を変えるようにやってみたのですが、うーん・・。
＞どうもうまくいきません。

「bottom: 71px;」をタグの中に追記するのではなく、
https://www.rakuten.ne.jp/gold/auroraweb/smasma.css
上記「smasma.css」ファイルの９行目に記載されている
bottom: 0;
と差し替えていただきますようお願いします。

「smasma.css」ファイルの編集方法がわからない場合は、
どの部分からわからないのかご返信ください。
（GOLDに接続できない、GOLDのどこにsmasma.cssがあるかわからない、など）

Answer

ありがとうございます。おお、これは便利ですね。色々やってみます。