Putting quantity selector next to add to cart button in Studio Theme

Solved

Putting quantity selector next to add to cart button in Studio Theme

martijn18
Excursionist
42 1 3

How can I make it such that the quantity selector is on the same line as the 'add to cart' button. I am using the studio theme. Store link is marwijn.com password is help123 

Thanks in advance!

Accepted Solution (1)

comercioservice
Shopify Partner
291 37 36

This is an accepted solution.

@martijn18 
Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and add this code end of the file

 

.product-form__input.product-form__quantity {
    float: left;
    margin-right: 20px;
}

.product-form__input.product-form__quantity+div {
    float: left;
}

.product-form__input.product-form__quantity+div+ul.list.list-payment {
    width: 100%;
}​

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

View solution in original post

Replies 4 (4)

comercioservice
Shopify Partner
291 37 36

This is an accepted solution.

@martijn18 
Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and add this code end of the file

 

.product-form__input.product-form__quantity {
    float: left;
    margin-right: 20px;
}

.product-form__input.product-form__quantity+div {
    float: left;
}

.product-form__input.product-form__quantity+div+ul.list.list-payment {
    width: 100%;
}​

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!
martijn18
Excursionist
42 1 3

Perfect, thank you very much!

BSS-TekLabs
Shopify Partner
2401 695 832

- Here is the solution for you @martijn18 
- Please follow these steps: 

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.product-form__input.product-form__quantity+div {
    float: left !important;
}
.list-payment {
    width: 100% !important;
}​
.product-form__submit.button {
margin-left: 20px;
}

- Here is the result you will achieve:

BSSTekLabs_0-1720533968336.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
martijn18
Excursionist
42 1 3

It doesn't work unfortunately. I've already got a solution by somebody else so its not needed anymore. Thanks for the help!