Domyślnie miniatury w boxach produktowych są generowane w rozmiarze 300x300 px. 

Czasami się zdarza, że taka miniatura żeby dobrze wyglądać na mobile potrzebuje większe zdjęcie 



Poniższy kod rozwiązuje problem, wymuszając pobranie zdjęcia w rozmiarze 500x500 zamiast 300x300.


Kod należy umieścić na końcu Wygląd i treści -> Wygląd sklepu -> Obecny szablon graficzny -> Własny skrypt JS


if (typeof Shop.prototype.callBackMamezi === "undefined") {
  Shop.prototype.callBackMamezi = {};
}

Shop.prototype.callBackMamezi.productBoxesCallback = function (data, block) {
  $.each(block.find(".product"), function (k, v) {
    var $img = $(v).find("img[lazy]");
    if ($img.length > 0) {
      var new_src = $img.attr("data-src").replace("300_300", "500_500");
      $img.attr({
        "src": new_src,
        "data-src": new_src
      }); 
    }
  })
}


Ten zapis:

var new_src = $img.attr("data-src").replace("300_300", "500_500");

 informuje jaki rozmiar na jaki zamieniamy. W podanym przykładzie 300x300 zastępowane jest przez 500x500