How to Align quantity and add to cart bars on debut theme

YSC
New Member
3 0 0

I There I would like to have my quantity selection to be on the same like as the add to cart bar.

I would also like to have the option for it to be a plus and minus button.

I have attached an image of what I am after.

add to cart_quantity button.PNG

website: yoursweetcoeliac.com

0 Likes
Pallavi
Shopify Expert
2235 369 484

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-form__item.product-form__item--submit {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}

.product-form__item--no-variants div#spiceaddonsappid {
width: 100%;
}

.product-form__item.product-form__item--submit {}

.product-form__item.product-form__item--submit .product-form__controls-group {
width: 100px;
}

.product-form__item.product-form__item--submit button.btn.product-form__cart-submit {
width: calc(100% - 110px);
max-height: 44px;
margin-left: 10px;
}

.product-form__item.product-form__item--submit .product-form__controls-group .product-form__item {
width: 100% !important;
flex-basis: 100%;
}

.product-form__item.product-form__item--submit .product-form__controls-group .product-form__item input#Quantity-product-template {
max-width: 100%;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes