Hi,
I suggest to add the following CSS to make all product boxes in 'Category layout view' equal height, and move the button to the bottum of the box, even when there is little text above:
Code:
#products-list > .row {
display: flex; /* create a flex row */
flex-flow: row wrap;
align-items: stretch; /* makes all items in the row equal height */
}
div.ajax-block-product {
display: flex;
flex-direction: column; /* all product details in column vertically aligned */
}
.eshop-buttons {
margin-top: auto; /* aligns button at the bottom of the box */
}
Best,
Eric
PS I also suggest to include the items in each box in an inner div with a specific class. That way, it's easy to add a border. Adding a border to div.ajax-block-product is ugly because all boxes touch each other. an inner box would allow for a padding in div.ajax-block-product, and it's own border.
Right now that can only be done with excessive CSS.
