This is a simple vanilla JavaScript, which helps HTML elements being of equal height. Which can be an annoying issue while managing dynamic content.
bower install eqh
window.onload = function(){
_eqh('.product',{
rowAware: true
});
};
You simply call the _eqh() method. First parameter being a selector (You can use almost any CSS3 selector). Second parameter is an options object. It is recommended to run the script after the HTML and CSS has been loaded.
rowAware
(default = false). This will attempt to find the tallest html element, in the same row.useMinHeight
(default = false). This changes the applied css property tomin-height
instead ofheight
.callBack
(default = false). This is an optional callback method that will be called after the script has completed.