Same height for product div

-- HikaShop version -- : 2.6.0

Hi,
You added a script I guess in update 2.6.0 to show products box as the same height. That is good. And it's works fine by default
However I override "listing.php" to show product by categories as columns and not by raw (by default)
I just added row-fluid span4 in the div to get 3 columns

<div class="hikashop_products_listing row-fluid span4">

Ok I found

data-consistencyheight=".hikashop_subcontainer"

.hikashop_products .hikashop_subcontainer.thumbnail { height: auto !important; }

Hi,

You can potentially use this css property in order to have the same height for all your elements:

.hikashop_products .hikashop_product_price_full{
    min-height: 60px;
}

I cleared all cache and try on different computer but the result is the same.
I tried your css code but it impact the first columns only. weird!!

After clearing the browser cache and comment my css

.hikashop_products .hikashop_subcontainer.thumbnail { height: auto !important; }

Hi,

I am not able to reproduce the issue on my end, every time I load the page the display is correct even on Chrome.
Do you have a cache enabled in your template or in Joomla ?

Once again I cleared all cache, disable cache in joomla config, use admin tool to clear cache too,... I tried different pc and tablet and always the same result. See picture on my previous post

I used the default listing.php now

I deleted my css to show you the problem. Hope you can see something...

If I disable "category group" it happens on all products!!!

PS: I don't know if it's relative but I have an error my page

Uncaught ReferenceError: productCounter is not defined

<div class="custom"  >
	<script type="text/javascript">jQuery(document).ready(function() {
		jQuery('.hikashop_products .thumbnails .hikashop_product').each(function() {
			if (jQuery(this).hasClass('hikashop_product_row_' + productCounter)) {
				if (!jQuery(this).find('.hikashop_product_name').hasClass('heightFormatted')) {
					resizeThumbnails(productCounter);
				}
			} else {
				productCounter++;
			}
		});
	});

I solved my js problem (Before the 2.6 update I added a js script from here to have the same height and I forgot to disable it...my bad...) but my initial problem remaind!!!

PS : For try I deleted all my hikashop override (html and css) and I still have my problem...

Okay it seems I solved my initial problem by editing thumbnail height in my products option. Before I defined the the height by

.hikashop_product_listing_image {max-height:120px; }

Jerome wrote: We added in HikaShop 2.6 the "data-consistencyheight" and we will add an option in the next release in order to let users enable/disable it.

$attributes = ($columns > 1 && $this->params->get('consistencyheight', 1)) ? ' data-consistencyheight=".hikashop_subcontainer"' : '';