カテゴリの画像を拡大、スマホの場合

Question

いつもお世話になっております。

1/26の質問
https://forum.ec-masters.net/post_view.php?id=6801
にありましたカテゴリ画像を大きくする方法でPCは出来ましたが
スマホでも大きく表示したいので詳しく説明お願いします。

Answer

ECマスターズの田辺です。

スマホのカテゴリ画像を大きくする場合には
下記の内容を外部JavaScriptファイル（末尾を.js）として保存し、
GOLDにアップロードしてください。

＝この下から＝＝＝＝＝＝＝
jQuery(document).ready( 
    function() {
        //画像変更
        jQuery('#sCSLContainer').each(
            function(){
                var txt = jQuery(this).html();
                jQuery(this).html(txt.replace(/fitin=90:90/g,"fitin=160:160"));
            }
        );
})
＝この上まで＝＝＝＝＝＝＝

カテゴリページ共通パーツ設定に

を記載して、外部JavaScriptファイルを読み込み実行することで
スマホのカテゴリ画像が大きくなります。

しかしながら、スマホの場合、そのままのデザインで
画像だけ大きくしてしまいますと
文字と画像が重なってしまいますので、
例えば下記のような記述を加えてデザインを
画像に合わせて変更していただくことも必要です。

＝この下から＝＝＝＝＝＝＝

#sCSLContainer .sCSLBox01 {
    float: left;
width: 45%;
    height: 300px;
background-image: none;
}
#sCSLContainer .sCSLBox02 {
    float: right;
width: 45%;
        height: 300px;
    background-color: #FFF;
background-image: none;
}
#sCSLContainer .inRight{
    margin: 200px 0 0 -100px;
}   
#sCSLContainer .txtheight{
width: 45vw;
padding-left: 5px;
}           
#sCSLContainer .ctgItemNormal{
padding-left: 15px;
 }

＝この上まで＝＝＝＝＝＝＝

Answer

ありがとうございます。試してみます。