スマホカウントバナーについて

Question

お世話になってます！
下記、カウントバナーをスマホに入れる場合を教えてください。
また、商品ページのトップに入れたいのですが可能ですか？
無理なら共通説明に入れようと思います。



また、別件で・・・PC縦バナーが各バナーの下に表示されてるのを上に表記する方法も
すみませんがよろしくお願いします。

Answer

ECマスターズの田中です。


> 下記、カウントバナーをスマホに入れる場合を教えてください。
> また、商品ページのトップに入れたいのですが可能ですか？

下記ソースをスマートフォン用の商品ページ共通説明文に
ご記載いただくことで、商品画像の上に入れることができます。

= この下の行から ====================


$(function(){
$('#count-d iframe').each(function(){
$(this).css({transform: 'scale(' Math.floor( ($(this).parent().width() / 700) * 1000 ) / 1000 ')', transformOrigin: '0 0';width:700px;height:150px;});
});
});





= この上の行まで ====================

なお、すでに商品画像の上に入っているスライドバナーと
位置が前後する場合がございます。
ご希望に沿わない場合は、スライドバナーの設置用タグと
位置を入れ替えていただきますようお願いします。


> PC縦バナーが各バナーの下に表示されてるのを上に表記する方法

現在の縦帯バナーの設置方法は、
ページの大本となるタグの背景として設置する方法のため、
各バナーの上に配置することはできません。

どうしても各バナーの上に縦帯バナーを設置したい、
という場合は、画面に固定する形でご設置いただく必要がございます。

バナー設置君
https://manual.ec-masters.net/index.php?ecm-tools-manual-banarsetti

を利用して、左右に貼り付けていただく方法が一番わかりやすいです。

浜ちゃんさんにて、まずは一度
バナー設置君を利用して、縦帯バナーを貼り付けていただき、
ウィンドウを狭くしたり、広くしたりなどして、
お客様のお買い物を妨げたりしないかどうか、
ページをスクロールしても追従してスクロールされない縦帯が不自然ではないかどうか、
など、ご確認いただきますようお願いいたします。

Answer

ECマスターズの田中さん

早々に対応いただきありがとうございます！サイドバナーは、バナー設置君で試みてみます！
また、スマホカウントバナーのタグを入れたところ左右バナーが見切れた状態で
しかもカウントは？？の画像だけのバナー設置になりました・・
上記にあるスライドバナー設置のせいでしょうか？
それとも縦、横のサイズを変更するのでしょうか？？
すみませんがよろしくお願いします。

Answer

ECマスターズの伊藤です。

先にご案内していました内容に
間違いがございましたので、現在再度確認しております。

申し訳ございませんが、もう少々お待ち下さいませ。

Answer

ECマスターズの伊藤です。

先程は、間違った案内となってしまい
申し訳ございませんでした。

> また、スマホカウントバナーのタグを入れたところ左右バナーが見切れた状態で
> しかもカウントは？？の画像だけのバナー設置になりました・・

先日編集していただいた箇所を
下記に差し替えて、ご登録後、
ご確認いただけますでしょうか。

= この下の行から ====================


$(function(){
$('#count-d iframe').each(function(){
$(this).css({transform: 'scale(' Math.floor( ($(this).parent().width() / 700) * 1000 ) / 1000 ')', transformOrigin: '0 0';width:700px;height:150px;});
});
});





= この上の行まで ====================

Answer

ECマスターズの伊藤 様

お世話になっております！
遅くなりすみません・・ありがとうございました。