• 文字サイズ


解決済

商品画像上にバナー設置について

  • 相談者:非公開
  • 2018/09/25 15:48
いつもお世話になっております。
商品画像上にバナー、メニューを設置したく、
https://forum.ec-masters.net/post_view.php?id=4135
こちらをみながらやってみましたがうまくいきません。
GOLDにjsファイルをアップロードし、
スマートフォン用商品ページの共通パーツに

<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/sp-sade.js"></script ="">
<link ="" rel="author" href="https//www.rakuten.ne.jp/gold/SHOP-URL/sp-menu.html" />
<div ="" class="beforeShopName">
</div ="">

00000はストアアカウントです。
を入れました。間違っている箇所がわからず。。。
宜しくお願いいたします。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/09/25 20:21
ECマスターズの田中です。

sp-menu.htmlをiframeとして埋め込むようなイメージですね。
その場合は、divタグをiframeタグにご変更………(省略)………
  • 返信者:非公開(質問者)
  • 2018/09/26 10:26
有難うございます。
アイフレームで埋め込むのはできたようですが、
画像のように全て重なってしまっています。
記述したHTMLは【投稿内容について報告する】………(省略)………
  • 返信者:非公開
  • 2018/09/26 15:18
ECマスターズの田中です。

テーブル全体を画面幅100%で表示させた上で、
その中に横10列ぶんの画像を並べたため、
無理やり表示しようとして、このよ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/09/28 10:09
返信ありがとうございます。
【<div style="width: 100%;overflow-x: scroll;-webkit-overflow-scro………(省略)………
  • 返信者:非公開
  • 2018/09/28 19:09
ECマスターズの田中です。

前回いただいたソースから大幅に変わっていない場合、
画像のサイズが特に指定されていないのではないでしょうか。
その場合、画………(省略)………
  • 返信者:非公開(質問者)
  • 2018/10/01 14:09
できました。
ありがとうございました。………(省略)………
  • 返信者:非公開(質問者)
  • 2018/10/01 15:49
すみません、二つの機種で確認したところ、
画像のように切れていてスクロールしなければ最後まで見られないものと、
きれいにすべて表示になっている機種がありまし………(省略)………
  • 返信者:非公開
  • 2018/10/01 19:06
ECマスターズの田中です。

> どのspでもすべて表示になるようにするには、
> どこを調整すればよいのでしょうか?

返信にていただいたifram………(省略)………
  • 返信者:非公開(質問者)
  • 2018/10/06 16:00
できました。
ありがとうございました。

あと、商品ページから、iframeで埋め込んでいるメニューをタップしてカテゴリページに入ると、
添付画像のよう………(省略)………
  • 返信者:非公開
  • 2018/10/09 14:13
ECマスターズの田中です。

おっしゃる通り、iframe部分だけがリンク先に飛ぶ
動作になっていることが原因です。

iframeに埋め込んだHTM………(省略)………
  • 返信者:非公開(質問者)
  • 2018/10/09 14:39
ご返答ありがとうございます。

<script ="" src="https://www.rakuten.ne.jp/gold/アカウント/sp-sade.………(省略)………
  • 返信者:非公開
  • 2018/10/09 19:11
ECマスターズの田中です。

はい、おっしゃる通り、
sp-menu.htmlの、<head>と</head>の間に追記をお願いします。………(省略)………
  • 返信者:非公開(質問者)
  • 2018/10/10 08:47
できました。
ありがとうございます。
【投稿内容について報告する】からHTMLファイルの内容送信させていただきました。
出来ましたが、記述方法が不安で、確………(省略)………
  • 返信者:非公開
  • 2018/10/10 10:11
ECマスターズの田中です。

いただいた内容でHTMLファイルを作成していただくことで、
問題なくご利用いただけるようになります。

念の為申し上げて………(省略)………
  • 返信者:非公開(質問者)
  • 2018/10/10 10:52
ご確認いただきありがとうございます。
まるごとスマホで作成したページのソースをそのままコピーしました。
ブラウザの解釈方法が変わってページが崩れる可能性があ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/10/12 10:01
いつもお世話になっております。
商品画像上バナーを増やしたのですが、iframe部分スクロールしなければ全体を見られなくなっている状態です。
先日も同じ質問………(省略)………
  • 返信者:非公開
  • 2018/10/12 20:32
ECマスターズの田中です。

> どのように調整すれば良いのでしょうか?

追加した要素を2つに分けて、それぞれ高さを足してください。
・画面横幅に合………(省略)………
このフォーラムへの質問は終了しました