tonisky Posted April 9, 2014 Share Posted April 9, 2014 Hi everyone, after upgraded to 1.6, the product images of my store are now blurry. As you can see in the attachment, the picture is now 333px x 333px. In my BO setting, the large_default is in fact set to 264px x 264px (as you can see from codes highlighted in blue colour at the bottom, it is indeed 264*264). However, the system enlarges the dimension of the picture, that is why the image is now blurry. I don't know where this setting of 333px x 333px comes from? How to change it back to 264px x 264px?? There is a image tag img#bigpic, but I don't where it locates and how to edit? I would appreicate if anyone can help. Link to comment Share on other sites More sharing options...
tonisky Posted April 10, 2014 Author Share Posted April 10, 2014 No one can help? Link to comment Share on other sites More sharing options...
dioniz Posted April 10, 2014 Share Posted April 10, 2014 (edited) Because of responsive design image size is changing depend on size of screen and number of columns. For example if you get rid of left column, image will get bigger. You can set size to 333px x 333px in BO > Preferences > Images and regenerate images and they won't be blurred anymore. Edited April 10, 2014 by dioniz (see edit history) 1 Link to comment Share on other sites More sharing options...
tonisky Posted April 10, 2014 Author Share Posted April 10, 2014 Because of responsive design image size is changing depend on size of screen and number of columns. For example if you get rid of left column, image will get bigger. You can set size to 333px x 333px in BO > Preferences > Images and regenerate images and they won't be blurred anymore. Many thanks for your tips. But can I changed the picture to a smaller size? For example, 280 x 280? If I do this in BO, the responsive design will again enlarge it, and make it blurry. Link to comment Share on other sites More sharing options...
dioniz Posted April 10, 2014 Share Posted April 10, 2014 Other way to make image smaller is to add width to ".pb-left-column #image-block" in product.css Link to comment Share on other sites More sharing options...
fclingen Posted May 15, 2014 Share Posted May 15, 2014 Because of responsive design image size is changing depend on size of screen and number of columns. For example if you get rid of left column, image will get bigger. You can set size to 333px x 333px in BO > Preferences > Images and regenerate images and they won't be blurred anymore. Doing this option, I could not choose all, the system would time out on me but when I did each type individually it worked great. Thanks for the tip. Link to comment Share on other sites More sharing options...
Recommended Posts