Author Topic: Frontend image category layout - Images size  (Read 868 times)

thefbi

  • Jr. Member
  • **
  • Posts: 245
Frontend image category layout - Images size
« on: June 28, 2022, 09:57:33 am »
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

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 3935
    • Kreativ Fotografi
  • VirtueMart Version: 3.4.x
Re: Frontend image category layout - Images size
« Reply #1 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
Joomla 3.9.18
Virtuemart 3.4.x
Olympiantheme Hera (customized)
This reflects current status when viewing old post.

GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10743
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.8.8
Re: Frontend image category layout - Images size
« Reply #2 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?
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 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

  • Jr. Member
  • **
  • Posts: 245
Re: Frontend image category layout - Images size
« Reply #3 on: June 28, 2022, 14:12:52 pm »
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

  • Jr. Member
  • **
  • Posts: 245
Re: Frontend image category layout - Images size
« Reply #4 on: June 28, 2022, 14:14:43 pm »
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

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 3935
    • Kreativ Fotografi
  • VirtueMart Version: 3.4.x
Joomla 3.9.18
Virtuemart 3.4.x
Olympiantheme Hera (customized)
This reflects current status when viewing old post.

Studio 42

  • Contributing Developer
  • Sr. Member
  • *
  • Posts: 4680
  • Joomla & Virtuemart developper
    • Studio 42 - Virtuemart & Joomla extentions
  • VirtueMart Version: 2.6 & 3
Re: Frontend image category layout - Images size
« Reply #6 on: June 28, 2022, 15:51:10 pm »
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

  • Jr. Member
  • **
  • Posts: 245
Re: Frontend image category layout - Images size
« Reply #7 on: June 28, 2022, 16:46:35 pm »
Thanks to both of you!
I'll see it.