ECステーションでのショップページ設置後の画面崩れについての再質問

Question

先日回答いただきまして、やってみましたがうまくいかなかったので、再質問させていただきます。
スクリーンショット⑴でのレフトナビゲーション設置の「店長おすすめランキング」での画像崩れが直りません。アドバイスいただきました「シークレットモード」の確認をしましたところ、現在シークレットモードになっています。縦長に画像が崩れてしまっています。こちらを直す方法はありますか？
それから、スクリーンショット⑶ですが、「出荷日バナー」及び「ただ今の店舗状況」が左寄りになるのが、やはり直りません。
また、いずれの設置後の部分も閲覧するブラウザーによって（例えばエクスプローラーで開くとかなり画像が崩れて見えます）画像の見え方が違いますが、これは仕方が無いのでしょうか？###HR######IMG017e58c1e5804c5c5be2ef4f271c3f55b.pngIMG0### ###IMG129e8674d3fd716f0a588217b3168eb80.pngIMG1###

Accepted Answer

ECマスターズの伊藤です。

> ありがとうございます。
> 「共通説明文（大）」の中で width="728"を見つけられました。

無事見つけられたようで良かったです。

> ↑こちらについては見つけるだけでとても時間がかかりそうですので、あとで時間があるときにやってみます。ただ、見つけたらその後の修正方法もよく分かりませんので、教えていただけたらと思います。

かしこまりました。ご連絡お待ちしております。

Answer

ECマスターズの伊藤です。

> ⑴でのレフトナビゲーション設置の「店長おすすめランキング」での画像崩れが直りません。アドバイスいただきました「シークレットモード」の確認をしましたところ、現在シークレットモードになっています。縦長に画像が崩れてしまっています。こちらを直す方法はありますか？

https://www.rakuten.ne.jp/gold/【店舗URL】/ecstation/showcase/ranking_side.css

英数字の羅列で分かりづらいとは思いますが、
上記ページより、下記を検索していただき、
修正をお願いいたします。

修正前
.vertical .tile img{width:90px;height:90px}
↓
修正後
.vertical .tile img{max-width:90px;max-height:90px}


> 「出荷日バナー」及び「ただ今の店舗状況」が左寄りになるのが、やはり直りません。
> また、いずれの設置後の部分も閲覧するブラウザーによって（例えばエクスプローラーで開くとかなり画像が崩れて見えます）画像の見え方が違いますが、これは仕方が無いのでしょうか？

下記のとおり、修正していただき、改めてご確認いただけますでしょうか。
右に20pxほどの余白ができるのは、楽天の仕様になります。

(1)店舗設定 ＞ デザイン設定 ＞ 共通テンプレート設定 ＞ ヘッダー・フッター・レフトナビ
・ヘッダーコンテンツ
・レフトナビゲーション
・フッターコンテンツ
のいずれかに


body .cashlessPtBack{
    width:auto;
}


を追加

(2)ただ今の店舗状況のiframeを
width="728"
↓
width="100%"
に修正

(3)上記iframeの数行下、









が不要であれば削除、必要であれば、

Answer

https://www.rakuten.ne.jp/gold/【店舗URL】/ecstation/showcase/ranking_side.css
すみません、こちらのページは開くことが出来ませんでした。

(2)ただ今の店舗状況のiframeを
width="728"
↑width728という表記を見つけることが出来ません。














この部分に最新情報が表示されます

この部分に表示されます


↑がヘッダーです。



この部分に表示されます
 
  
  
  
  
  
  
  
  

↑レフトナビゲーションです。











↑フッターコンテンツです。

Answer

ECマスターズの伊藤です。

> https://www.rakuten.ne.jp/gold/【店舗URL】/ecstation/showcase/ranking_side.css
> すみません、こちらのページは開くことが出来ませんでした。

下記URLより、ご確認をお願いいたします。
https://www.rakuten.ne.jp/gold/aisai-product/ecstation/showcase/ranking_side.css

> (2)ただ今の店舗状況のiframeを
> width="728"
> ↑width728という表記を見つけることが出来ません。

「ただ今の店舗状況」を設置している箇所を
ご確認ください。

店舗設定 ＞ デザイン設定 ＞ [PCデザイン設定] 共通説明文(大)

などをご利用いただいていると思います。

Answer

ありがとうございます。
「共通説明文（大）」の中で width="728"を見つけられました。
https://www.rakuten.ne.jp/gold/aisai-product/ecstation/showcase/ranking_side.css
↑こちらについては見つけるだけでとても時間がかかりそうですので、あとで時間があるときにやってみます。ただ、見つけたらその後の修正方法もよく分かりませんので、教えていただけたらと思います。