[楽天RMS]スマホデザインをカスタマイズ!CSSとiframeが使える裏技
前回は楽天RMSのスマホ商品ページに画像を無制限に載せれる方法を紹介しましたが、今回はスマホの商品ページやトップページ、カテゴリページでCSSとiframeを使える裏技をご紹介します。
前回の記事
【楽天RMS】スマホ商品ページに画像を無制限に載せる裏技!!
以下のタグをご活用下さい。
設定場所
デザイン設定メニュー(スマートフォン) > スマートフォン用商品ページ・スマートフォン用カテゴリページ
スマートフォン用商品ページ・スマートフォン用カテゴリページに共通で表示するパーツ(部分)をカスタマイズする裏ワザになります。
店舗内カテゴリ設定で独自で作成したカテゴリページでのカスタマイズではありません。
css
<link rel="stylesheet" ="" href="任意のCSS">
上記のようにスペースを無数に入れることで禁止タグをすり抜けることができます。続いてiframeです。
iframe
<iframe src="任意のURL" id="任意のID" scrolling="no" frameborder="0" =""=""></iframe ="">
上記のようなバグのようなタグで禁止タグをすり抜けることができます。
CSSとiframeが使えることでスマホページでもかなりデザインの幅が広がりますね。
今後は、今日ご紹介したCSSやiframeを使ったスマホ商品ページのデザインをカスタマイズする方法などご紹介できたらと思います。
参考サイト
このバグを使ったサイトの商品ページになります。
|
コメントを書く
コメントを投稿するにはログインしてください。