• 文字サイズ
解決済

楽天市場スマホサイトの商品ページにカスタマイズについて

  • 相談者:非公開
  • 2019/12/19 01:58
こちらのページ

https://club.ec-masters.net/index.php?design_page4

を参考にファーストビュー部分に出荷日バナーを載せたく、

<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/slide-smp.js"></script ="">
<center><iframe ="" width="345" height="70" src="https//www.rakuten.ne.jp/gold/SHOP-URL/ecstation/toolbox/deliverySmp_12458125241253112472.html"" class="iframeBefore" scrolling="no" align="middle">
</iframe =""></center><br>

と記述致しましたが、上手く中央に寄せる事が出来ませんでした。

どのように記述を変えればこの場所の中央に寄せれらますでしょうか。

また、ファーストビュー部分にスライドショーでは無く、バナーを複数載せたい場合にはどうすれば良いのでしょうか。

更に弊社で作成したテストのスライドショーが下記なのですが、

https//www.rakuten.ne.jp/gold/SHOP-URL/floating-smp/gold-smartphone13.html


こちらも同様に楽天の商品ページに i frame で呼び出すと幅・高さの指定、scrolling="no" などに関わらず、はみ出したりしてしまい、レスポンシブルに対応出来ません。

こちらも合わせて解決策を教えて頂けたら幸いです。

何卒宜しくお願い致します。
投稿内容について報告する




  • 返信者:非公開
  • 2019/12/19 14:37
ECマスターズの伊藤です。

> どのように記述を変えればこの場所の中央に寄せれらますでしょうか。

<iframe ="" width="345" h………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/19 16:07
ご返信有難う御座いました。

ご回答頂いた

>また<center>ではなく
width="345" → width="100%"
とすることで、画………(省略)………
  • 返信者:非公開
  • 2019/12/19 18:25
ECマスターズの伊藤です。

> ただ、レスポンシブル対応ではないので、スマホで縦から横へ向けた時にバナーの下が切れてしまいました。
>
> ※今はh………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/20 00:52
ご連絡有難う御座います。
ご返答の通り高さを変更しましたが添付の画像の通り、縦と横にした際に3行目にある文字と枠線が切れてしまい、上手く表示されません。
※………(省略)………
  • 返信者:非公開
  • 2019/12/20 13:05
ECマスターズの伊藤です。

> また、出荷日バナーをサムネイル上に表示しようと致しましたが、他の js ファイルに影響を与えてしまったのか、一部デザインが………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/21 23:45
ご返信有難う御座います。

ご指摘頂いた様に、誤:の https// で記載していた為、他のタグに影響を与えてしまったように思います。

回答頂いた通り………(省略)………
  • 返信者:非公開
  • 2019/12/22 09:32
ECマスターズの小野です。

いただいたご質問ですが、
明日以降、担当より回答させていただきます。

お待たせして申し訳ございませんが、
回答までも………(省略)………
  • 返信者:非公開
  • 2019/12/23 14:21
ECマスターズの伊藤です。

> 記述し直した所、影響を与えず表示されました。

非表示となってしまった件、
ご解決できたようで、良かったです。
………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/23 16:56
ご返信有難う御座います。

今はバナーを色々変えておりまして、現状の記述は以下の通りとしています。
ご指摘の通り、16.5vw にした事で文字が切れる事な………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/23 17:15
追記です。

一部記述が間違っておりました。

<!--下-->
<script ="" src="https//www.rakuten.ne.jp/………(省略)………
  • 返信者:非公開
  • 2019/12/23 17:45
ECマスターズの伊藤です。

> また、情報が更新され、出荷日バナーも文字が切れる事なく、横幅一杯で表示されました。

横幅の記述ミス、大変失礼いたしま………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/24 15:09
ご回答有難う御座いました。
vw の件、大変勉強になりました。

また、同様の事象(スマホを横にした際にバナーの下端が切れ、上手く表示されない問題)が2つ………(省略)………
  • 返信者:非公開
  • 2019/12/24 18:43
ECマスターズの伊藤です。

> ※こちらは通常からペイジャーの●ボタンがバナーに重なってしまいますし、スマホを横にした際にバナーの下端が切れ、上手く表示さ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/28 15:01
返信が遅くなりご迷惑をお掛け致しました。
承知致しました。
それで一旦、導入してみます!!
有難う御座いました。………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/30 01:48
先日は有難う御座いました。

また新しい質問をさせて頂きます。

楽天市場スマホサイトの商品ページに複数枚の画像の html を載せるには文字数の制限が………(省略)………
  • 返信者:非公開
  • 2019/12/30 09:53
ECマスターズの山岡です。

style="height:100vw"

styleで指定している100vw の数字を変更してみてください。
伊藤………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/03 22:36
申し訳ありません。
それを参考に設定をしたのですが、出来なかった為、質問させて頂いております。
ご確認の程お願い申し上げます。………(省略)………
  • 返信者:非公開
  • 2020/01/06 17:02
ECマスターズの田中です。

出来なかった、というのは、具体的にどのような状況でしょうか。
・見た目は変わるものの、やはり見切れてしまう
・見た目がまっ………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/07 04:38
上記の質問欄から内容は基本的に継続しています。

ですので、全商品共通の「商品ページ共通説明文」となります。

こちらも以前に話をさせて頂いたのですが、………(省略)………
  • 返信者:非公開
  • 2020/01/07 10:36
ECマスターズの田中です。

vwは、あくまでも画面幅を100とした時の長さであり、
101以上の値をご設定いただくことができます。

smp-ban………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/07 17:07
ご丁寧なご返信、誠に有難う御座います。
仰る通りに修正を加えた所、問題なく表示されました。
115vwなどで変化が無かった為、% のように最大値が100だと………(省略)………