「イベント告知君」と「出荷日バナー」のスマホサイトへの設置場所について

Question

スマホ用商品ページ設定の、共通パーツ設定についてです。
この件でなんども質問して申し訳ないです。

イベント告知君と、出荷日バナーを設定しようとしています。

当初、最上部に設置しようとして、手取り足取り教えていただきました。ありがとうございました。

しかし、最上部に検索窓を置いているため、商品画像までの距離がありすぎました。

それで、商品説明の最上部に設置しようかと思いましたが、多くのページで文字数オーバーになるため、別の場所に設置できるかどうかを教えてください。

第一商品画像と、商品説明の間のどこかに、設置することは可能でしょうか。
また、可能であれば、どのようにすればよいでしょうか。

おしえてください。

Accepted Answer

ECマスターズの伊藤です。

> 商品説明文の上に入れようかと思ったのですが、めいっぱい商品説明を入れているページがあり、文字数オーバーではねられるのです。

商品説明文は文字数がオーバーしてしまうとのことですが、
商品ページ共通説明文
（RMSにログイン＞デザイン設定＞スマートフォン デザイン設定＞
商品ページ共通パーツ設定＞商品ページ共通説明文）
はいかがでしょうか。


すでに設置していただいております、検索窓などを
移動する方法を応用していただきますと、
スマホのブラウザ（Chrome、safariなど）で商品画像の下に
イベント告知君等を、表示させることができます。

なお、楽天アプリでは、商品画像の下に移動させることができず
所定の場所に表示されますので
こちらの点をご了承くださいますよう
お願いいたします。

もし、こちらの方法が可能なようで
設置方法がご不明でしたら
改めて設置方法をご案内させていただきたいと思いますので
返信よりご連絡くださいませ。

Answer

ECマスターズの星です。

> 商品説明の最上部に設置しようかと思いましたが、
> 多くのページで文字数オーバーになるため、
> 別の場所に設置できるかどうかを教えてください。

スマホのブラウザーで表示できる、検索窓や固定バナーなど、
アプリでは表示する事ができませんので、イベント告知君も、
できれば、スマートフォン用商品説明文を見直していただき、
スマートフォン用商品説明文の先頭にご設定いただく事を
おすすめいたします。

> 第一商品画像と、商品説明の間のどこかに、設置することは可能でしょうか。

週明け担当の者に確認いたしますので、
少々お時間いただければと思います。
どうぞよろしくお願いいたします。

Answer

こんばんは、きよさん

お役にたてれるか、わかりませんが、当店はスマートフォン用商品説明文の上部 に「イベント告知君」を次のようにいれております。
ショップURLは、ご自店のURL(XXXXXXX)をいれて下さい。

https://www.rakuten.co.jp/XXXXXXX/  ←　ぺけの部分です

多分コレで大丈夫だと思うのですが
間違っていたらすいません。
尚、初期設定、楽天GOLDは済ませておいてくださいね

↓



マスターズさん、説明書
↓
https://manual.ec-masters.net/index.php?ecm-tools-manual-eventR

Answer

星さん、なんつれさん
コメントありがとうございます。

商品説明文の上に入れようかと思ったのですが、めいっぱい商品説明を入れているページがあり、文字数オーバーではねられるのです。
商品説明を減らせばいいのですが、複数の商品ページで減らす作業するよりは、スマホ共通説明文を整理してここに入れ込んだほうが、シンプルかなと思いました。
しかし、いずれこっちもまた文字数オーバーになりそうで・・・デスク回りも整理整頓が下手で捨てられない性格があらわれてしまいます…

ECマスターズの方のお返事を待って無理そうなら、商品説明を整理して、なんつれさんのアドバイスのようにやってみたいと思います。
ありがとうございました。

Answer

ECマスターズ　伊藤様

ありがとうございます。
ブラウザであれば、画像下に表示させられるが、アプリだと、最上部に来てしまうということですね。

よく考えてみました
であれば、なんつれさんがおしえてくださった方法がすっきりすると思いました。
いい機会ですので、画像をまとめたり、必要度が低い表現は削除するなど、整理してみようと思います。

何度もありがとうございました。

Answer

ECマスターズの伊藤です。

> であれば、なんつれさんがおしえてくださった方法がすっきりすると思いました。

特殊な方法での変更は、楽天アプリとスマホブラウザで、
表示が変わってしまいますので、お時間がかかるかとは思いますが
おっしゃる通りだと思います。

もし、整理されたさいに、不明なことなどがございましたら
ご相談くださいませ。

Answer

質問再開します。
バナーが意図した位置に表示されません。
アドバイスお願いします。

イベント告知君と出荷日バナーを、スマホサイトの、商品説明欄の最上部に表示したいと思い

以前このスレッドで教えていたことを応用しようとしましたが、私には無理でした。
https://forum.ec-masters.net/post_view.php?id=11176

■RMS

以下のタグを商品説明上部に、かぶらないように入れたいです。

 

 
 

 
 


■CSS
https://www.rakuten.ne.jp/gold/maternityshop/smartphone/css/itempage.css

CSSファイルから以下を変更しみました
=====
検索窓にだけ反映されるように、10行目の
iframe {
を
.float_header {
に変更
=====

しかし、変化がなかったので

３）itempage.cssより、以下を削除してみました
＝＝＝＝＝＝＝＝＝＝
iframe {
width: 100%;
position: absolute;
top: 190px;
left: 0px;
}
＝＝＝＝＝＝＝＝＝＝

現在のスマホのスクショを添付します。
このページです
https://item.rakuten.co.jp/maternityshop/babyborder/

よろしくお願いします###HR######IMG0a978cab520e7a6f0ebae9e867ab18471.jpegIMG0######BR###

Answer

おはようございました。
昨日おっずねした件ですが、更新がされていなかっただけなのか、意図した位置、商品説明欄の最上部に表示されていました。
そのかわり、従来設置していた、第一商品画像上の検索窓が消えていました(添付します)
どうも、よけいなことをしてしまったようです。
お気づきの点を教えて下さい。よろしくお願いします。

商品説明欄の画像と同じ画像ですが
この質問に添付した画像は、商品ページの最上部です###HR######IMG0c54f65a23e734f0890d46ae42ed5d29b.jpegIMG0######BR###

Answer

ECマスターズの伊藤です。

> そのかわり、従来設置していた、第一商品画像上の検索窓が消えていました(添付します)

下記の箇所を削除したことが原因となりますので
追加していただきますよう、お願いいたします。

＝＝＝＝＝＝＝＝＝＝
.float_header{
width: 100%;
position: absolute;
top: 190px;
left: 0px;
}
＝＝＝＝＝＝＝＝＝＝


> しかし、変化がなかったので

とのことで、削除されたようですが、
キャッシュの影響で、反映に時間がかかっているため
すぐに変更を確認されたい場合は、
シークレットモードでのご確認をお願いいたします。

シークレットモードの起動方法は、下記URLをご参照ください。
https://bit.ly/2Uup9r7

Answer

伊藤様
毎度毎度お世話になります！
できました！
シークレットモードも、ありがとうございます。
また初歩的質問すると思いますが、どうぞよろしくお願い申し上げます。

Answer

ECマスターズの伊藤です。

無事、検索が表示されたようで良かったです。
表示がおかしいな？とおもったら、一度、シークレットモードをご確認くださいませ。

またご不明な点がございましたら、ご相談くださいませ。