Product Archive – Excerpt and Aligned "Add to Cart" buttons

(6 Sept 2017)
Hi,

I have tried multiple CSS variations to make this work, but even using all the recommended settings, I have been unable to achieve the desired result.

Specifically, I would like ALL the add to cart buttons to align on an archive page displaying multiple product summaries. I have tried min-height settings, and various other CSS to achieve this, but all to no avail. Kriesi has provided some suggestions for their themes, and various other themes/frameworks have posted solutions – I simply have not been able to find any solution that works with TAGDiv’s Newspaper theme.

Are you able to provide a reference to the CSS that achieves this with the Newspaper theme?

It is greatly appreciated, and immensely helpful if someone from TAGDiv would respond….

Hi Catalin,

Thank you so much for getting back to me, and my apologies, as I didn’t know if it was really correct etiquette to post links here.

Basically – I want all of the “add to cart” buttons to align, so need to set the summary boxes to be all the same size, with the ‘add to cart’ button on the bottom.

If you look at https://www.taglevel.com/gear you can see that the summaries are there, but as the excerpts and titles are not all exactly the same length, the cart button is placed in a different position for each item. I would like them to align on the same level for each.

Thanks in advance.

Hi,

Alright – I seem to have managed it with the following custom CSS for those who may have some interest in similar actions:

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
min-height: 595px !important;
}

.woocommerce ul.products a.button {
bottom: 30px;
position: absolute;
}

This may differ depending on how they’ve set their things up, but this worked for me.

Thank you.

Thank you for posting your fix. This really helped me!