Box Equal Height

Phoca Cart - complex e-commerce extension
User avatar
Slava
Phoca Member
Phoca Member
Posts: 39
Joined: 07 Nov 2025, 18:39

Box Equal Height

Post by Slava »

J6.0.2/PC 6.1.0Beta2/Premiere6.1.2

Hi, in Phoca Cart, you can make all product blocks in a category the same height. To do this, enable the option: Options / Display / Box Equal Height.

If you enable Box Equal Height = Yes, the product blocks will become the same height. In this case, the price is placed at the bottom of the block. This creates a neat appearance for the catalog, despite differences in: image sizes, title lengths, and the presence of descriptions.

In this case, there is no alignment within the block: if the image height is smaller than in the adjacent block, the title and description shift upward — toward the image. As a result, a significant empty space forms between the title and the price.

Is it possible to implement alignment of the block’s internal elements — titles and short descriptions — along common horizontal lines so that they are positioned at the same level?

PS I suggest reviewing the output section where aligning the elements within the block would produce a noticeable effect. Given images of varying heights and titles of unequal length, this solution would significantly enhance the visual appeal of the display.

Code: Select all

Remove the space in the domain extension.
https://phoca.plitka-smolensk.r u/catalog/categories/items?c=2-ceramic-tile&s[gruppa]=gres
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49279
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Box Equal Height

Post by Jan »

Hi, to achieve this, the best way is to use user.css and modify the style directly based on the current situation on the website. I have tested many different flex or grid solution and in any case you need to do compromise if you are building it systematically for general purpose and not for current situation (where you e.g. know the format of images, if the description is there or not, etc. etc.)

Jan
If you find Phoca extensions useful, please support the project
Post Reply