Re: Is it possible to move quantity next to the add to cart button in Dawn theme?

Is it possible to move quantity next to the add to cart button in Dawn theme?

BuriedInWork
Tourist
25 0 2

Is it possible to move the quantity field so it is to the left of the add to cart button in the Dawn theme? Thanks!

Replies 5 (5)

Shadab_dev
Shopify Partner
995 55 99

A bit of css would do, please share your store url and password if store is not published or live.

 

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
Shadab_dev
Shopify Partner
995 55 99

Please do this first

Shadab_dev_0-1728926970523.png


from the customizer in your product template just drag the quantity selector block below the variant picker just as in the image. This will move quantity selector below variant selector which will make coding css a little more easier. 

And then you can add this code in main-product.liquid file above everything

<style>
div[id*="Quantity-Form-template"]{
float:left;
}
.product-form{
float:right;
margin: 4rem 0 !important;
width: 50% !important;
}
.product__description{
clear: both
}

</style>

This will do it. Things could have been more easier if only you give me collaborator access. But nevertheless try this and let me know.


Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
BuriedInWork
Tourist
25 0 2

That did it, thanks!

Shadab_dev
Shopify Partner
995 55 99

Great that it worked out for you. 

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.