News:

Looking for documentation? Take a look on our wiki

Main Menu

Image dimensions

Started by hk, January 01, 2019, 15:36:54 PM

Previous topic - Next topic

hk

Hi,

VM 3.2.14 with below Configuration:
Thumbnail Image Width: <blank>
Thumbnail Image Height: 500

I am uploading images of different sizes and in the VM page, the thumbnails are shown but it looks ugly (as attached). Also, the bounding boxes are not even. How can I make the boxes even or add a white space so as to get even sizes of image so that page looks neat.

PRO

css min-height the container box.

You could also get the image dimensions with PHP and modify the container via the proportion of the width/height



http://forum.virtuemart.net/index.php?topic=141749.0

Studio 42

Or set a image height with CSS
If you need mobile rules then use height : 100% for eg and height; 500px for desktop
If 500px is uglly then try 200px for eg. for desktop rule

GJC Web Design

or why not just make the images all the same size .. seems the obvious thing to me....
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

PRO

You can use irfanview thumbnails batch process to add whitespace, and set to a specific size.

You can also just do this with styling.
Change the image, or change the product container to fixed height.


Studio 42