Product Thumbnail Image

[bigfishtools]

I'm having an issue with my product image. I have the dynamic resize clicked, I have the thumbnail set to 90x90. but on the product it is showing the original image images/stories/virtuemart/product/black.jpg should be showing this image images/stories/virtuemart/product/resized/black_90x90.jpg

I'm using Joomla 2.5.9 and the default template on virtuemart 2.0.18a

Any help would be great thanks

[bigfishtools]

Great moved me to "the right thread" but can't supply the right answer.........

[andrai2]

Try to answer:

1. You have to modify /components/com_virtuemart/assets/css/vmsite-ltr
2. Through the firebug you find what to change,
3. Backen you set thumbail when you go into product

[jenkinhill]

'bigfishtools without a live site url and details if this is for category layout or product details, plus info of any template overrides you use nobody can really offer any help.

[bigfishtools]

Fair enough thanks for the reply

http://evolutionfishing.com/new/evolution-tungsten-weights/evolution-tungsten-one-two-punch-weights-detail

Categories are showing correctly, it is the product images. No template overrides. The only difference since first post is the image name as I uploaded a new ones to test it again. When looking at the image path in the admin the

thumbnail path shows images/stories/virtuemart/product/resized/1-oz-okee-craw_90x90.jpg

used url images/stories/virtuemart/product/1-oz-okee-craw.jpg this is the one showing in the main product area.

Thanks again let me know if you need more.

[jenkinhill]

OK, that image is displaying as it should now. The small thumb is only used for the category layout. If you want to make the product details image display smaller then you need to make a small css change.

The standard image display code in vmsite-ltr.css is:
.main-image img {
    height: auto;
    max-width: 100%;
}

What I do is to override that by adding the style to the end of my Joomla template css, or to a custom.css file, which should be loading after the VM css.
eg.
.main-image img {
    height: auto;
    max-width: 70%;
}

You can set the max-width to whatever suits your choice.

[bigfishtools]

Thanks Jenkinhill Worked fine.