Hello, I’m using Studio Theme + Ecomposer and I want to align the product grid/card the same height and the “add to cart” button align to each other so they look clean. Anybody knows how to do that? Please see screenshot below. Thanks
Store Link: https://boujeebae.online/
You need to share a preview link to the theme you’re working on.
That’s the only way given it’s not a standard theme.
Hi @remz1234
Would it be possible to add more products? Currently, only one product is displayed on the product page.
Best regards,
Devcoder 
Scroll down a bit more, section on screenshot 2, sections down.
Scroll down more you will see more products in different collection
What do you mean by this?
Looks like they are all in line with each other, except for the one longer product title and the swatches. Shorten the title and delete the swatches would be the easiest way.
Hey,
The issue with the alignment of the Product Cards, happening because of the inconsistent of the content. Like some products have the color swatches and some products don’t have the Swatches, Some products having the title in 2 lines and some of them are in 3 lines.
The main solution for that is to gave them fixed height and then align then properly.
Also, there is another solution that choose the product that having the hierarchy of the options. Like the titles, color swatches, title in three lines instead of the 2 or should be 2 instead of the 3.
This will ensure the same height for the product cards.
You can try this code, either in Theme settings=> Custom CSS, or, better yet, in this section Custom CSS setting:
.ecom-collection__product * {height: auto;}
.ecom-collection__product-item--wrapper,
.ecom-collection__product-item--information-wrapper{
height: 100%;
}
.ecom-collection__product-prices {
margin-top: auto;
}
Before
After
