Remove Product Image Scaling & Compression in eCommerce

While there was an investment in making eCommerce Responsive, the module still aggressively resizes and compresses Product Images to a width of 150px. This size is just too small to accurately display a product to a potential purchaser. Therefore it is requested that:

  1. Provide an option to set Product Image Size in eCommerce on a per store basis
  2. Provide an option to turn off image scaling & compression by eCommerce completely, or provide an ability to set the image quality level. Current compression is too aggressive.
  • Stephanie Hennessy
  • Mar 23 2016
  • Reviewed: Voting Open
LO - Current Gen / Pain point
Area of the Product Other
Org/Company Name DNL OmniMedia
  • Attach files
      Drop here to upload
    • Brian Mucha commented
      March 28, 2016 15:59

      Also, try sizing to 150px and saving as a jpg outside of Luminate using something like Photoshop, Gimp or Paint.net. I don't think Luminate will touch your jpg if it is already correctly sized.

      Attachments Open full size
    • Brian Mucha commented
      March 28, 2016 15:56

      I added a simple script to our store pagewrapper.

      <script type="text/javascript">
function popWindow(element)
{
	window.open(element.href, "_blank", "toolbar=no, scrollbars=yes, resizable=yes, top=100, left=100, width=300, height=400");
	return false;
}
</script>

      This allows me to add a links to larger or alternate views of the product in the full description, which pop-up in a small window.

      <p>Colors: Available in <strong>
      <a onclick="return popWindow(this);" href="../images/content/pagebuilder/Autospout_Blue.jpg">Blue</a></strong>, <strong>
      <a onclick="return popWindow(this);" href="../images/content/pagebuilder/Autospout_Clear.jpg">Clear</a></strong>
      </p>

      (Those images are in the Image Library.)

      Attachments Open full size

    Related ideas