スマートフォンカテゴリページサムネイル画像

Question

お世話になっております。

すでに同様のご質問があったら申し訳ございません。


参考の画像のように、スマートフォンページの画像が通常では90pxに縮小されているところ、
参考サイト様のように画像を大きくされている店舗さんがあります。
自社：https://item.rakuten.co.jp/toyamawebshop/c/0000000362/


おそらくJavascriptで書き換えていらっしゃるのかと思うのですが、
詳細がわかりません。
おおよそ下記のようなコードになるかと思うのですが、
そのままでは変更できません。
もしよろしければ実装方法を教えていただけると助かります。

function($){
  $('#sCSLContainer').each(function(){
    var txt = $(this).html();
    $(this).html(
      txt.replace(/90:90/g,'400:400')	
    );
  });
}(jQuery);


よろしくお願いいたします。###HR######IMG03cba9bb7382685125ef6975ac9ad70a9.jpegIMG0### ###IMG12f2af093a2a1c9541ba5b1f3a4134dd1.jpegIMG1###

Answer

ECマスターズの田中です。

たとえば、下記のようなソースをご記載いただく形になります。

jQuery(function($){
$('#sCSLContainer img').each(function(){
var txt = $(this).attr('src');
$(this).attr('src', 
txt.replace(/90:90/g,'400:400')	
);
});
});

一番外にある、
「ページのDOM読み込み完了時に動作する」
という意味の記述を修正し、
商品一覧全体のHTMLを差し替える動作を、
各商品画像のsrc属性のみを書き換える動作に変更しております。

Answer

さっそくのご返答ありがとうございます。

記載いただいたものをそのまま貼り付け、
呼び出しているはずなのですが、意図した通りに動作してくれません。
https://item.rakuten.co.jp/toyamawebshop/c/0000000362/

https://www.rakuten.ne.jp/gold/toyamawebshop/sp/js/sp.js

何か記載が間違っているでしょうか。


以上、よろしくお願いします。

Answer

ECマスターズの田中です。

「sp.js」の先頭でエラーが発生し、
それ以降の命令が実行されておりませんでした。

1行目の
$(function(){
を
jQuery(function($){
に修正していただきますようお願いします。

Answer

様々なエラーが出続けたので、単体のファイルで試したところうまくいきました！
素早いご回答ありがとうございました！

スマートフォン カテゴリページ サムネイル画像

スマートフォンカテゴリページサムネイル画像