楽天RMSで「目玉商品」の画像サイズをかえる方法
netshop
トップページの幅を800pxなど改造しているサイトの場合、「目玉商品」一覧を表示するとなんだか寂しい感じに表示されます。
楽天RMSの「PC デザイン設定」＞「目玉商品」＞テンプレ（自動選択）＞編集
から目玉商品の画像の表示幅や何列で表示できるかなどサイズを調整する事が可能です。
ただ、トップページと商品ページで微妙に幅が変わる場合、商品ページの方に合わせるとトップページがなんかサイズ合わない・・・
という時の裏技は以下です。
目玉商品一覧の画像サイズをトップページだけ替えたい
以下のコードをRMSのトップページ編集画面の何処かに追記すればOKです。
<body onpageshow="
jQuery(document).ready(function ($) {
$('#pagebody').each(function () {
var src = jQuery(this).html();
jQuery(this).html(src.replace(/fitin=200:200/g, 'fitin=260:260'));
});
});
"></body>
「fitin=200:200」この200の部分が元々の画像サイズ、これを「fitin=260:260」260PXの画像にリサイズしていますので260の部分はお好みで！
注意点！
このページ内に「fitin=200:200」のクエリが付いた画像がある場合は、それも同時に全部書き換わるのでご注意ください！
カテゴリー一覧の画像サイズをかえたい
楽天のカテゴリー一覧画像は、RMSから変更する事が唯一出来ない部分です。
既存画像幅は128pxと少し小さめです。
以下のコードを、レフトナビやフッターカラムに加えておけばカテゴリー画像が大きく表示されると思います。
<!-- カテゴリーの画像リサイズ -->
<style>
#risFil .categoryWindowImg {
width: 250px !important;
height: 250px !important;
}
</style>
<body onpageshow="
jQuery(document).ready(function ($) {
$('.categoryWindowImg').each(function () {
var src = jQuery(this).html();
jQuery(this).html(src.replace(/fitin=128:128/g, 'fitin=250:250'));
});
});
"></body>
