How to get add to cart Botton next to dynamic button on product page

Store Design
, , , ,
1

how do I get my add to cart button next to dynamic pay button on product page.

Example:

image.png
image.png471×169 3.65 KB

2

@michelle012

You can go to the customize theme → select the product template https://prnt.sc/krI4SxA2f48p → Click on the product section and custom CSS https://prnt.sc/lKSpG-_fslrq Add below CSS to make both button inline.

.product__submit__buttons {
	display: flex;
	align-items: center;
}
.btn--add-to-cart{
	margin-top: 15px;
}

It will be look like this https://prnt.sc/FLyx3bsFt9r9 after adding this CSS.

I hope that works for you. Let me know if you facing any problem.

3

Thankyou for you response aganin!

The code worked thankyou, My only question is if its possible to make the buttons size even and if its possible to bake the white space between the 2 buttons a little bigger

4

You can use this below CSS with space like this.

https://prnt.sc/hjOfl-ARX_zW

.product__submit__buttons {
	display: flex;
	align-items: center;
}
.product__submit__buttons .btn--add-to-cart {
	margin-top: 15px;
}
.product__submit__buttons .product__submit__quick {
	padding-left: 10px;
}