質問: カテゴリーページでの3段組 or 2段組 レイアウトについて お世話になっております。3段組 or 2段組 レイアウトへ変更したいと考えています。下記のcssを参考にしておりますが、変更するとサムネイル画像の解像度が荒くなってしまい非常に見栄えが悪くなってしまいます。2.ウィンドウショッピング形式(3段組 or 2段組 レイアウト)に変更(css参考url)https://www.cyber-records.co.jp/blog/rakuten/rakuten-attract-customers/rms_sp_technique_02/--------------------------------------------下記参考サイト(2サイト)さんのように、きれいに画像表示する事はかのうでしょうか?https://item.rakuten.co.jp/e-zakkamania/c/0000000128/?force-site=ipnhttps://item.rakuten.co.jp/luxze/c/0000000104/?force-site=ipnよろしくお願い致します。
回答: ecマスターズの田辺です。先程は、カテゴリページで表示されている元々の画質のレベルに戻して表示をする方法をご案内させていただきました。参考サイトではさらに画像の解像度を上げるために複雑な記述をされておりますのでそちらをご案内させていただきます。1:恐れ入りますが、今回の場合は#scslcontainer .inleft img から削除していただいたwidth: 100%;を加えていただきますようお願いいたします。2:下記の内容を外部javascriptファイル(末尾を.js)として保存し、goldにアップロードしてください。=この下から=======jquery(function($){ $('img').each(function(){ $(this).attr('src', $(this).attr('src').replace('fitin=90:90','fitin=250:250') ); });});=この上まで=======3:カテゴリページ共通パーツ設定にを記載して、外部javascriptファイルの読み込みをお願いいたします。