[SOLVED] Category and Product Image Thumbnail Resizing

[rupesh]

the newest version has this
<div class="additional-images">
if not, to resize the images, you neeed to change the default image size in the vmart cnfiguration.
THEN, make sure dynamic thumbnails are turned on.
DELETE the images that are in the /resized/ folder, and the new size will automatically be created

hoe to change default image size in the vmart cnfiguration?

[rupesh]

EMPTY the resized folder.

make sure dynamic thumbnails are turned on.

THEN, when each page is requested, it automatically recreates them

i have set 85 *145 and empty resized folder but now its looking very odd
see
http://www.elifeshopping.com/index.php?option=com_virtuemart&view=category&virtuemart_category_id=50

[man-cave-signs]

Worked for me! SORT OF 
Deleted thumbnails, but then sure enough the default VM Template still generated 90 x 90 thumbs, so??

The Default Virtuemart Template layout for displaying products and categories sets their container style to a width of 30%. I just simply changed this in the CSS File located in /joomlaroot/components/com_virtuemart/assets/css/vmsite-ltr.css    <---- This is CSS for VM Template, not the same as your site template ya digg?       download the file via ftp    ,   open with wordpad and do a quick search for .width30 and delete everything inside the {  } brackets  that follow it-- -- ---   boom, now the VM template isn't resizing my thumbnails to 30% and they are showing properly with 2 products per row and 250 px X 250 px, EASY DAY!!!       If you need an EASY WAY TO CHECK and MODIFY CSS on live sites try firebug , its an addon to firefox and lets you make live changes to CSS files without actually changing them so you can preview the changes, and see what css is affecting what parts of the site, GOOD LUCK ERY ONE!

[chiappa]

watch out for overrides

Code Select Expand

div.category-view div.floatleft { border: 2px solid #f6f6f6; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; margin-top: 15px !important; margin-right: 7px !important; width: 170px !important; height: 170px !important; padding: 5px 0 !important; text-align: center; }

Code Select Expand

div.category-view div.floatleft img { max-height: 110px !important; min-height: 110px !important; padding: 5px; }

If you have a linux box.. for example you can try

Code Select Expand

grep -r -H "div.category-view" . in Joomla root to see if you have overrides in your template folder as was my case.. First bunch of CSS sets the category box size, second the image size within.

[anisimow]

css isn't a good idea to solve this problem.  Your browser must load huge images and if there is a lot of images and slow internet.  You mast generate thumb with VM tools
instend

Code Select Expand

$image = $product->images[0]->displayMediaThumb ('class="featuredProductImage" border="0"', FALSE);
insert

Code Select Expand

if (!empty($product->images[0]) && is_a($product->images[0],'VmImage')) {
//$image = $product->images[0]->displayMediaThumb ('class="featuredProductImage" border="0"', FALSE);
$width=141;//your width
$height=195;//your height
$prod_img = &$product->images[0];
$file_name_thumb = $prod_img->createThumbName($width,$height);
$resizedImage_url = $prod_img->file_url_folder_thumb.$file_name_thumb.'.'.$prod_img->file_extension;
if (!file_exists($resizedImage_url)) {
$resizedImage_url = $prod_img->createThumb($width,$height);
}
$image = JHTML::image(JURI::root().$resizedImage_url, '', '');
} else {
$image = '';
}
good luck

[lostmail]

hm - emptied all images in folder resized => cleared cache in Joomla => go to Frontpage => call some pages => no images are resized.....

What can that be that the resize function is not working anymore ?

Dynamic image modification is enabled in VM

[ironlion37]

I've found a potential solution for this. I use this plugin on my site:

http://www.magictoolbox.com/magiczoom/

It works well and is capable of generating and displaying thumbs on the flypage (does anyone know why it's called that?) as well as on category browse pages. It then loads the fulls size image for zoom after page load. Actually that's an assumption - I have an email into the developer to confirm...

You can see in action here: www.thecrystalcache.com

[rayge]

I am having the same issue.. 
Dynamic Thumbnail Resizing is on but no Product thumbnails are being rebuilt.
Category thumbnails are working though

**UPDATE**
OK for others with this issue use the following query:

UPDATE `PREFIX_virtuemart_medias`SET file_url_thumb = '' WHERE `file_type` = 'product';

[guybr]

I'm assuming the solution to this problem still involves deleting the images in the "resize" folder - but a search in the forum doesn't yield its address for VM 2.

Where do I find that directory? Do I delete the directory itself or just the images it contains?

[jenkinhill]

The resized directories are located where yiou should expect to find them, eg for products - images/stories/virtuemart/product/resized/

Delete the files, not the directory.

[d0ublezer0]

Hi!
how to force vm to rebuild all the images at once?
Dynamic mode slows down first page load
more than 3000 goods -
will be cool, if all images recreated at once

[tehribo]

All images in /resized/ folder - Deleted
Dynamic Thumbnail Resizing - Enabled
UPDATE  `klhd8_virtuemart_medias` SET file_url_thumb =  '' WHERE  `file_type` =  'product'   -SQL Query done

In a category view the thumbnail size is small and ugly again

[PRO]

All images in /resized/ folder - Deleted
Dynamic Thumbnail Resizing - Enabled
UPDATE  `klhd8_virtuemart_medias` SET file_url_thumb =  '' WHERE  `file_type` =  'product'   -SQL Query done

In a category view the thumbnail size is small and ugly again

is the css restraining the size?