Addtl Virtuemart product images huge size.

[lombiz]

I have set mediasetting to 500x500px but some addtl images when you click on them show in original size (I think).
Like if I upload and image i.e 4000x2500px it will show like that with scroll bars.

Tried to resize image and the upload again through cpanel but still the same. If I resize and upload through VM interface is seems to work but I cannot redo all images that are too big.
Isn't there some plugin och something than kan help me solve the resizing.

I also understand it can be something about css/template but cannot figure it out with Firefox/firebug.
Still I shouldn't have to code for something this simple.

I really have been killing myself so any help will be highly appreciated.


Thanks in advance!
/Peter

[GJC Web Design]

Like if I upload and image i.e 4000x2500px it will show like that with scroll bars.

WHY would you do this?  To guarantee slow loading, poor Google ranking and pissed off mobile clients?

carp in == crap out.. resize all images to the proper display size that will be used on the site

[lombiz]

I agree but there must be a easier plugin or way to autoresize images to the size I prefer.

Can I download all productimages in /stories with FTP or Cpanel resize and then upload with same name or will it mess everything up.
It didn´t seem to take when I tried.

Also still auto resize to settings should work right!?  Full height/width 500x500 Still much bigger.

[jjk]

Can I download all productimages in /stories with FTP or Cpanel resize and then upload with same name or will it mess everything up.
It didn´t seem to take when I tried.

For downloading/uploading files WinSCP is a comfortable tool. Batch processing images (resize) can be done for example with IrfanView (resizing options can be set in the  'Special Options'). If you don't change the filenames and the location, the orginal large jpg files can be overwritten with the new smaller ones. You need to clear your cache folders to see the result.

[jenkinhill]

Firstly you should only set one on the width/height values for Fullimage so the proportions are retained.

After viewing the product in the front-end the resised images are created in images/virtuemart/product/resized/ and renamed according to size, eg  eaten_0x300.jpg when Fullimage height is set to 300 and eaten_0x90.jpg for the thumbnail (Thumbnail Image Height is set to 90).  The full size image is not resized and is stored in images/virtuemart/product/

The thumbnail is used in the category view, the 0x300 image is the one displayed as the main image in product view and the unresized image viewed in the modal (pop-up).  The viewed size is restrained by CSS, the displayed size being related to the screen size. For additional images these are shown as thumbs further reduced for display by CSS. On opening the additional images these should display using the full size image in the modal. If you see an unrestrained image then you have a problem with the modal in your template either js or CSS. It would be better to fix this rather than resize all images.

If I do need to reduce the size of the product (unresized) images I use FTP to download the /virtuemart/product/ directory and run a batch resize in Photoshop - or other tools are available as mentioned by jjk. Most of my clients are trained to resize images before upload to the maximum size they want to use in the modals.

[lombiz]

I really have been with Joomla and VM for a long time and everything you are saying I know and agree with. Better to upload smaller size etc etc
VM usually resizes and then uses than in cache for time depending on settings. My site is pretty static.
Full height didn't work for me clearing exp cache, cache, and browser cachce

Understand you can dl all images do whatever and upload but that is not user friendly. I aleady have images in media on site.

Today with all cms competition is should be easier and done on site with and easy solution or plugin, I think.
That is what I expected. 
The solution today is the same is was 10 yers ago.

like this
"WooCommerce 3.3 introduced a new and easier way to resize the product images. You can now change the WooCommerce Product Image Size from Appearance > Customize > WooCommerce > Product Images. And the great things is you don't have to regenerate the images after resizing them. From WooCommerce 3.3 you can now crop, resize and automatically regenerate images all from the Appearance > Customize > WooCommerce > Product Images."

Like Joomla and strong defender still.

Thanks for the great service and feedback though.

Take care!

[GJC Web Design]

There is of course an argument for providing an image resizer for the main images but I think not a very good one.
Images cropped and resized in desktop software are always going to be superior in weight and quality to any server based resizing.

It allows the website owner to have complete control over the image management of their products.. in the end its about the impression created.

The resizing in VM of images... the settings were only for thumbnails .. from about  VM3.4.x this could also be used for the main image IF the code is there in your template

I have seen many templates not using this code

Code Select Expand

<div class="main-image">
<?php
$width = VmConfig::get('img_width_full', 0);
$height = VmConfig::get('img_height_full', 0);
if(!empty($width) or !empty($height)){
echo $image->displayMediaThumb("",true,"rel='vm-additional-images'", true, true, false, $width, $height);
} else {
echo $image->displayMediaFull("",true,"rel='vm-additional-images'");
}
 ?>
<div class="clear"></div>
</div>

[lombiz]

Ok. Thanks! /Peter