Phoca Forum

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.

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