• 文字サイズ
  • 小
  • 中
  • 大


解決済

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

  • 相談者：非公開
  • 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！
セミナー詳細はこちら
広告０円で楽天の売上アップ続出！
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%で表示させた上で、
その中に横１０列ぶんの画像を並べたため、
無理やり表示しようとして、このよ………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 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マスターズの田中です。

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

追加した要素を２つに分けて、それぞれ高さを足してください。
・画面横幅に合………（省略）………
続きを読む
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す