VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: bigfishtools on March 14, 2013, 03:01:01 AM

Title: Product Thumbnail Image
Post by: bigfishtools on March 14, 2013, 03:01:01 AM
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

Title: Re: Product Thumbnail Image
Post by: bigfishtools on March 14, 2013, 15:30:34 PM
Great moved me to "the right thread" but can't supply the right answer.........

Title: Re: Product Thumbnail Image
Post by: andrai2 on March 14, 2013, 18:57:42 PM
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

Title: Re: Product Thumbnail Image
Post by: jenkinhill on March 14, 2013, 22:46:01 PM
'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.
Title: Re: Product Thumbnail Image
Post by: bigfishtools on March 14, 2013, 23:21:26 PM
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.

Title: Re: Product Thumbnail Image
Post by: jenkinhill on March 15, 2013, 11:38:52 AM
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.

Title: Re: Product Thumbnail Image
Post by: bigfishtools on March 15, 2013, 18:03:07 PM
Thanks Jenkinhill Worked fine.