Phoca Forum

Hi Jan or Benno,

If you look at my site: https://littlelight.com.au/demo/index.php/product

The first product on each row always look a bit longer vertically and narrower horizontally, do you know how I can fix it?

Thanks
Mang

ANy updates?
Thanks
Mang

Hi, it is because the size of the image in first product, which is larger than others, the solution can be:

- have always and everywhere the same sizes of images
- or enable equal heights for the boxes in Options:



Jan

Hi Jan,

It is enabled as default. It is already selected as yes. still does not change...

Thanks
Mang

Hi Mang,

You have different sizes of images. Example:
https://littlelight.com.au/demo/images/ ... _nj5_1.jpg
https://littlelight.com.au/demo/images/ ... putt-3.jpg

Some: height with: 200px, some scaled to apprx. 166px

You can see this also under: Extras > Source > Media > images

Kind regards
Christine

What happens when you switch to some Phoca template (only for test). As Phoca Cart includes instruction to have equal height of boxes (done per flexbox CSS)

Jan

Hi Thanks for that, you are right, the image size definitely got something to do this.. As I need to change CSS in Phocacart to align with Website template, I used the old Bootstrap.min.css from the older version of Phocacart, to overwrite the new version of phoca cart. Not sure if this have something to do this?

Thanks
Mang

Hi, hmmm, hard to say, but Bootstrap should not have effect on the flexbox rules ...

Coo, I tried with the new template css file, still the same result. So how do I do Phoca Cart includes instruction to have equal height of boxes (done per flexbox CSS)?

Thanks a lot
Mang

Hi, try to disable "Fade in actions icons" feature. The flexbox only works when this feature is disabled. Try to disable it for test - to see if the flexbox is working for you.

Jan