“In stock” alignment on product archive

Hi,

we want to achieve alignment in one row of “In stock” on product archive page.

We use setting :

Product archive > Product styles > Layout > Even product grid for desktop (ON)
Product title lines limit (Two line) *we have max 2 line product titles

But element “In stock” is is immediately under the title. We want to have it aligned above the price – aligned in line with others

Thanks

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.products[class*="wd-stretch-cont"] .product-grid-item .wd-product-stock {
	margin-top: auto;
}

.products[class*="wd-stretch-cont"] .product-grid-item :is(.price,.wrap-price,.product-rating-price) {
	margin-top: 0px;
}

Kind Regards

Hi,

it works – but not as planned. “In Stock” is aligned on top of price – but the blank space is missing (so elements are not even). I tried to turn off option Even product grid, but it didnt help.

Before code :

After code :

Hello,

Please, send us your admin access so we can check why the code doesn’t work as expected.

Kind Regards

[Author]

Posts