'add to cart' button always bottom

Hi,

In Theme Settings > Shop > Products styles > I am using ‘Standard Button’ design/effect to display products in shop’s page product grid.

The ‘add to cart’ button is placed right below the span element of ‘product price’ with class ‘woocommerce-Price-amount’.

How could the ‘add to cart’ button always be aligned/positioned at the bottom regardless of product title and category length, ie having a varying distance between ‘add to cart’ button and rest product details ?

Thank you

Hello,

There is the option allowing to limit the title length. https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

Best Regards

Hi,

I know this setting. I have to set it to 1 line in order for ‘add to cart’ buttons of products in a row to align on same horizontal level.

I prefer to use full title lengths and also ‘add to cart’ buttons positioned at bottom of each product gird item in order for them to align on same horizontal level of ‘add to cart’ buttons of other products in the row. I have disabled masonry grid.

Could you please provide a custom CSS code for the ‘add to cart’ button to always be positioned at bottom of product grid item regardless of its title length?

Thank you

Hello,

HTML structure does not allow solving it by custom CSS. Each product item has different set of components and custom CSS for the title would not solve the problem.

Best Regards

Please check Private content.

Hello,

I have deleted it.

Best Regards

[Author]

Posts