• 文字サイズ


解決済

特設ページのレスポンスデザイン

  • 相談者:非公開
  • 2024/05/28 15:12
他社を参考に、
初めて楽天スーパーセール用の特設ページを作成しました。

スマホでみることを想定して作ってあります。
https//www.rakuten.ne.jp/gold/SHOP-URL/super/super-ss_2024.06.html

なので、PCでみると若干大き過ぎて見づらいです。
PCでも、綺麗に見えるようにするには、どうするのが良いでしょうか?
出来れば、同じURLのままで、画像も作り直さずにレスポンスデザインにしたいです。

御社の過去のフォーラムで下記の記載がありました。
GOLDでは、RMSの範囲では使用出来ないJavascriptやjQuery等のタグが
使用できますので自由度の高いページの作成が可能となります。

【参考URL】
JavaScriptによるメディアクエリ
https://www.marukin-ad.co.jp/marulog/?p=2961

CSSのメディアクエリ
https://www.willgate.co.jp/promonista/media-query/

他社様参考サイト(PCもスマホもきれいに見えます)
下記、サイトの.jsを完コピーしても、上手く動きませんでした。
https//www.rakuten.ne.jp/gold/SHOP-URL/supersale/supersale_2106/honey_sale_2106.html

下記.jsも試してみましたが、上手くいきませんでした。
<script> document.addEventListener('DOMContentLoaded', function() { var maxWidth = 800; if (window.innerWidth <= maxWidth) { window.location.href = 'mobile.html'; } }); </script>

御社の過去のフォーラムや、デザインレシピでも
解決策が見つけられなかったので、教えてください。
よろしくお願いいたします。
投稿内容について報告する

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

  • 返信者:非公開
  • 2024/05/28 16:42
ECマスターズの伊藤です。

> なので、PCでみると若干大き過ぎて見づらいです。
> PCでも、綺麗に見えるようにするには、どうするのが良いでしょうか?………(省略)………
このフォーラムへの質問は終了しました