News:

Looking for documentation? Take a look on our wiki

Main Menu

Frontend image category layout - Images size

Started by thefbi, June 28, 2022, 09:57:33 AM

Previous topic - Next topic

thefbi

Hi,
I have a problem in frontend general category layout.
I see if my images are not the same ratio, the layout is broken. See screenshot.
Is there a way to force this images size in the configuration ?

VM 4.0.2 16661
Joomla 3.10.10

Jörgen

Probably best to make the images the same aspect ratio, but here is one example of cropping with css.

Should be easy enough to to do in your template.

Jörgen
Joomla 3.9.18
Virtuemart 3.4.x
Olympiantheme Hera (customized)
This reflects current status when viewing old post.

GJC Web Design

as they say .. shite in == shite out ...  why not make the effort of the same sized images?
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

thefbi

Quote from: Jörgen on June 28, 2022, 10:32:33 AM
Probably best to make the images the same aspect ratio, but here is one example of cropping with css.

Should be easy enough to to do in your template.

Jörgen

Hi, thank you, but i did not see example here...

thefbi

Quote from: GJC Web Design on June 28, 2022, 11:00:54 AM
as they say .. shite in == shite out ...  why not make the effort of the same sized images?

Yes, i know, but it is not me.
The client makes his own changes, and although I have already explained to him several times that he needs images of the same size, he can't do it. So I'm looking for an "automatic" way to do it for him.

Jörgen

Joomla 3.9.18
Virtuemart 3.4.x
Olympiantheme Hera (customized)
This reflects current status when viewing old post.

Studio 42

You do not need to resize images, if you use a modern responsive template using right CSS rules for product row / columns
Here for eg a sample https://gist.github.com/fotan/ae20d38c242193e338fc
But if you use right Html for your render, you should not have this problem.

thefbi