How to put the <li> element into columns

-- HikaShop version -- : 2.6.4

Hi,

I have rebuilded the shop based on Hikashop standard pages and modules.
Now I need to set the look as we want it


I am trying to set the product display <li>s as 3 columns (as set in the menus and modules)
here is what I get :

here's the inspect :


The 2 arrows show the two products in row_1
If I activate : width and float (point 1) I get following


and the I loose the width of the originals and the height is no more standardized (same for each product)

In my opinion I do not work with the right class, but I cannot find out which would be the right one in order to move the second product next to the first one and that those are displayed as 2/3 of the total width (3 columns setup)
As I am using themler for the design, I do not have a Hikashop friendly template.

Are there classes so that all products setup as divs (std or inherit ones) in 3 columns are displayed as such ?
Have the same problem with the categories under "A la carte menu" where they should be displayed as 4 columns same width and height for each.

Have you maybe a documentation on the Hikashop templates, as I couldn't find one ?

Thanks in advance for your help and advise,
Best regards
Stéphane

nicolas wrote: Hi,

Well, there is nothing specific to HikaShop. It just require some simple CSS to force the height of the div of each product so that it is consistent.
For example, such CSS would do the job:

.hikashop_products_listing .hikashop_subcontainer {
width: 500px !important;
}

Thank you so much Nicolas !

About design : is there a difference in the product image display between categories showing products and associated products ?
I am asking this because I have a difference between page :


I would like to have the first like the associated products

Thanks again for you really appreciated help !
Best regards
Stéphane