楽天スマーフォンページ共通説明文について

Question

基本的なことがわからない状態なのですが、

楽天のスマートフォン　商品共通文などが表示されなくなっているのですが、
表示できた場合もあります。

アプリを使ったら出来ないとかいう話もあったのですが、出るような場合もあったような…
いろいろ見てみたのですが、結局よくわからなくなっています。

今後、商品画像の上に画像をスライドさせようかとも思っているのですが
マスターズさんの説明をもとに頑張っていきたいのですが

とりあえずどうなっているのか理解したいと思っております
どうぞよろしくお願いいたします

Answer

ECマスターズの村井です。

> 楽天のスマートフォン　商品共通文などが表示されなくなっているのですが、 
> 表示できた場合もあります。 

通常スマートフォン 商品ページ共通説明文の項目は楽天市場のアプリでは表示されませんが、
アプリ内でブラウザが開かれる事象がございまして、
そのような場合、wataさんの仰っているように商品ページ共通説明文が表示されます。

たとえばアプリ上にてカテゴリページやGOLDページなどを開く場合、
このような事象となります。

アプリ独自の仕様となりまして、
2018年8月29日に配信してツール説明会にて、
ECステーションの藤田さんと一緒にアプリの仕様を踏まえた
アプリ対策について解説しておりますので、
ぜひご参考にしてみてください。

ご視聴はこちらから：
https://club.ec-masters.net/index.php?ecm-toollive-movie1

ECステーション様提供ツールをご選択いただき、
「スーパーSALEのアプリ対策」をご覧ください。

> 今後、商品画像の上に画像をスライドさせようかとも思っているのですが
> マスターズさんの説明をもとに頑張っていきたいのですが

こちらのご設定についてはデザインレシピの以下ページにて
設置方法をご案内しておりますので、ご参照くださいませ。

スマホページのファーストビューにバナーを設置する方法 
https://club.ec-masters.net/index.php?design_page4

もし上記ページ内にて不明点がございましたら
お気軽にご質問くださいませ。

Answer

ありがとうございます。
なるほど。アプリの仕様なのですね。
理解を深めたいと試聴のリンクを開いたのですが
https://club.ec-masters.net/index.php?ecm-toollive-movie1


上の視聴こちらからですと、
検索順位君（スーパーSALE対策編）＆クーポン活用裏技　2018/09/05配信
商品画像編集ソフト　2018/08/08配信
検索順位君(R)スタンダード版　2018/03/14配信
検索順位君(R)プレミアム版　2018/06/20配信
バナー設置君　2018/05/30配信

が出てきます。
ちょっと拝見したのですが、とても解りやすいですね！

でも、上記説明の　2018年8月29日に配信してツール説明会
というのが出てきませんが、どうしたらいいでしょうか

また、デザインレシピに関しては見させていただいていて、
これも使おうかと思っていますが、
スライドさせないものはどうするのでしょうか？

スライドするリンク部分はまだ作っていないので、させないものを作ってみようかと
思うのですが

Answer

ECマスターズの村井です。

> とても解りやすいですね！

早速ご視聴いただきありがとうございます。

> 上記説明の　2018年8月29日に配信してツール説明会 
> というのが出てきませんが、どうしたらいいでしょうか 

以下画像のように
https://ec-masters.gyazo.com/3cbdaeb87b67feebc807ba3430684455

ページ上部の「インテ・クレッセ様提供ツール」をクリックいただくと
表示されますので、ご確認ください。

https://club.ec-masters.net/index.php?ecm-toollive-movie1

> スライドさせないものはどうするのでしょうか？

については確認してご案内させていただきますので、
少々お待ちくださいませ。

Answer

ECマスターズの村井です。

> スライドさせないものはどうするのでしょうか？

スライドさせないバナーを設置する場合は
以下タグにて設置することができますので、お試しください。


ここに移動させたい内容を記入



jQuery(function($){
$('#itemImageSlider').before($('.divBefore'));
});

Answer

ありがとうございます！

試聴して理解が深まりました！　今までの、？？が解消されました！
それから画像の設置の件もありがとうございます
少し質問ですが

①上記の

ここに移動させたい内容を記入


の、『ここに移動させたい内容を記入』
というのは
実際の画像のURLでいいのでしょうか？

例えば




jQuery(function($){
$('#itemImageSlider').before($('.divBefore'));
});


②
のように差し込めばいいでしょうか？
そして出来たものを共通説明文に入れるということで？


それからもう一つありまして
デザインレシピの中にテーブルで画像を表示させるところがありました
それを使うと表示できたのですが、そのほかのところレビューの星など大きくなってしまいました
下のタグが関係しているようでした。
これを取ったら今度は画像の大きさがおかしくなりました。
このタグをテーブルの画像だけに関係するようにするにはどうしたらいいでしょうか？



img {
width: 100%;
height: auto;
}###HR######IMG07b9869835a47b820853cc1f484f078dd.pngIMG0######BR###

Answer

ECマスターズの伊藤です。

> 『ここに移動させたい内容を記入』
> というのは
> 実際の画像のURLでいいのでしょうか？

ご認識の通りで間違いございません。
『ここに移動させたい内容を記入』の中に記入いただければ
画像でもテキストでも、商品画像の上に
表示することができます。


> このタグをテーブルの画像だけに関係するようにするにはどうしたらいいでしょうか？ 

デザインレシピでご案内している内容を
下記の通りに修正していただきますと
テーブルの画像のみ、100%で表示できるようになりますので
お試しくださいませ。


＝＝＝＝＝修正前＝＝＝＝＝

＝＝＝＝＝＝＝＝＝＝＝＝＝
↓↓
＝＝＝＝＝修正後＝＝＝＝＝

＝＝＝＝＝＝＝＝＝＝＝＝＝


＝＝＝＝＝修正前＝＝＝＝＝

＝＝＝＝＝＝＝＝＝＝＝＝＝
↓↓
＝＝＝＝＝修正後＝＝＝＝＝

＝＝＝＝＝＝＝＝＝＝＝＝＝


＝＝＝＝＝修正前＝＝＝＝＝

img {
＝＝＝＝＝＝＝＝＝＝＝＝＝
↓↓
＝＝＝＝＝修正後＝＝＝＝＝

.image_table img {
＝＝＝＝＝＝＝＝＝＝＝＝＝

Answer

すみません、

とても良く解り、商品画像の前に入れられました！

また、
私としては　アプリの時の表示に商品画像の前に
入れたかったのですが、
それはどのようにするのでしょうか？

いろいろすみません！

Answer

ECマスターズの伊藤です。

> とても良く解り、商品画像の前に入れられました！

ご対応いただきまして、ありがとうございます。
無事、商品画像の前に表示いただけたとのことで
安心致しました。

> 私としては　アプリの時の表示に商品画像の前に
> 入れたかったのですが、
> それはどのようにするのでしょうか？

アプリでは、レイアウトを修正することができないため
商品画像の上にバナーなどを表示させることができません。

デザインレシピや、ご案内の方法は
スマホのブラウザ版のみにご対応いただける方法となっております。

恐れ入りますが、ご了承くださいますようお願いいたします。