Move Add to Cart next to Quantity selector

Shopify Discussion
,
1

Hello, is it possible to move my ATC button next to my qty button like in the image below, URL: Lumière Bead Necklace – InteriorGlows.

TrendBlend_0-1750935780266.png
TrendBlend_0-1750935780266.png1918×1075 399 KB

2

Hi @TrendBlend

let try to add this Custom CSS code to your theme settings or file base.css in code:

.product-form__buttons .product-form__submit {
  margin-top: -66px;
  max-width: calc(100% - 150px);
  float: right;
}

the result will be:

BiDealDiscount_0-1750940667593.png
BiDealDiscount_0-1750940667593.png1410×967 174 KB

3

Hi @TrendBlend ,

Basically, you can copy the below code and replace it with below code and it will work.

AiTrillion_0-1750941467331.png
AiTrillion_0-1750941467331.png1914×908 206 KB

Code to replace

Quantity
(0 in cart)
Decrease quantity for Lumière Bead Necklace Increase quantity for Lumière Bead Necklace
shopping_cart Add to cart

Couldn't load pickup availability

Refresh

Code to replace

If you stuck somewhere, feel free to reply or message me.

4

No code needed. Just go into the Shopify theme settings, click pages then products and switch around the elements the way you like it