Hi, [Mentorpublish_1-1722496215050.png] Is it possible to align the add to cart button from different products to the same height? Here is my website: https://1cabe3-26.myshopify.com/ Thank you.

In theme customizer, go to Theme Settings, find “Custom CSS” and add the following code: .product-thumbnail, .product-thumbnail__info { display: flex; flex-direction: column; flex-grow:1; } .product__form { margin-top: auto; } Or, can use “Custom CSS” in product grid sections settings

Hello @Mentorpublish You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid .product-thumbnail__header { height: 3.5rem; } Was my reply helpful? Click Like to let me know! Was your que…

Hi @tim_1 , Thx for the solution, it worked perfectly.

Hi @tim_1 , Sorry to bother again, just found out if I change the product card from “Grid” to “Slideshow”, then the alignment of add to cart will be gone, do you know how to solve this issue? [Mentorpublish_0-1722751441224.png] Thank you very much.

Try adding .product-thumbnail { height: 100%; }

Hi @tim_1 , Try it, show like this: [Mentorpublish_0-1722828889346.png]

Yeah, sometimes it happens when you have no access to the source code… Try this instead: .product-thumbnail { min-height: 100%; }

Align add to cart button Retina Theme

Store Design

Mentorpublish August 10, 2024, 8:34am 9

Hi @tim_1 ,

Oh this code worked, thank you very much.

Topic		Replies	Views
Add to Cart button align for all products in a row Store Design	10	109	June 28, 2021
How to align Add to Cart buttons on my shop? Store Design design , customizations , collection-page , css	7	176	November 18, 2025
Add to cart does not align properly for each product Store Design design	5	344	November 21, 2022
How to align add to cart buttons on product page Store Design	2	109	October 7, 2021
How can I align the 'Add to Cart' button on all products? Store Design	5	42	June 12, 2022

Align add to cart button Retina Theme

Related topics