How To Make A Quantity Selector Next To Quick Add On The Product Page

[williamjames78]

I would like to add a quantity selector next to the quick add button for all products in the Dawn theme.

There is a post that is similar to this question here.

This post adds a feature to disable the link which i’ve tried to remove from the code with no success.

Any help would be appreciated.
Thanks in advance.

[made4Uo]

Hi @williamjames78

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Snippet folder and open the card_product.liquid file. If you have Dawn version 2.5 and below, open the product_card.liquid instead
3. Find the code below

{%- form 'product',
                  card_product,
                  id: product_form_id,
                  class: 'form',
                  novalidate: 'novalidate',
                  data-type: 'add-to-cart-form'
                -%}

4. Create a line after the code by pressing ENTER button. Then paste the code below

See image below for reference:

4. Make sure to SAVE

[williamjames78]

Great thanks for the help, it worked!

[williamjames78]

Thanks for the help with this, now if i want to get my add to cart button aligned with the quantity selector instead of below and to the right what and where would i have to add.

See attached image.