VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: MarcoFox on October 23, 2012, 18:17:23 PM

Title: Limit Product Main Image
Post by: MarcoFox on October 23, 2012, 18:17:23 PM
So I noticed that when I add a big image to a product, it can actually overlap the whole rest of the template. This is most likely because I am using a artisteer template as base (since I already had to do some ajustments before). A clear example of what is happening can be seen in the following link:

http://www.metro-som.com/online/index.php/pt/home/fado-de-coimbra/coimbra-detail

Granted, that image is way bigger than what it should be, but at least you can clearly see what's wrong with it.

Unfortunatly, I am not that expert on CSS, and tried to fix this by changing the "main-image" from "width:100%" to "width:200px;height:200px" (in vmsite-ltr.css), but I'm pretty sure I'm not doing it right, since the template is still broken. Is there anyway to limit the CSS so it limits the product details image to a certain size in pixels (max-width;max-height)?

Thank you.
Title: Re: Limit Product Main Image
Post by: jenkinhill on October 23, 2012, 18:19:32 PM
http://forum.virtuemart.net/index.php?topic=98647.0
Title: Re: Limit Product Main Image
Post by: MarcoFox on October 23, 2012, 18:29:52 PM
Thank you very much, jenkinhill. That did the trick perfectly.