Put "Quantity Selector" Next to "Add to Cart" Button in Impulse Theme

[spencer123432]

Hey everyone!

I'm using the Impulse theme and trying to place the quantity selector on the same line as the add to cart button. Could anyone help with this? I've tried a few things but unfortunately, couldn't get this to work myself.

This is how it currently looks:

Thank you!

[KetanKumar]

@Cropsybd 

oh I see can you please try this similar code

<form method="post" action="/cart/add">
  <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  <input min="1" type="number" id="quantity" name="quantity" value="1"/>
  <input type="submit" value="Add to cart" class="btn" />
</form>

[Cropsybd]

Can you please tell me where exactly I have to use this code? which file
and location within the file would be a great help.

Thanks again.

[KetanKumar]

@Cropsybd 

this code add to your collection product cart, or product grid item or product girt etc maybe file snippets file 

[AudreyWatt]

This looks amazing!

How did you get the Quantity above the box, in the smaller text.  This is mine and I'd love to lose the black quantity box and have the smaller qty selection box on the same line as add to cart.

I'd love to have the + & - in the box too!

Thanks

Audrey

My store is in build mode, but here's a preview - https://f55gnw8g4si8d3xr-26536935529.shopifypreview.com/

[KetanKumar]

@AudreyWatt 

i have check bt i can see can you please show me proper url so i will ck

[Atzoy]

Hey KetanKumar, could I trouble you for the same thing as everyone else, I need to get the QTY and Add to cart in the same line, I´m Using the Brooklyn theme, the URL is www.rakunkids.cl

thank you so much

[KetanKumar]

@Atzoy 

sorry for that issue 

your store is password protect 

[Atzoy]

Right, sorry for that the pass is "rowfeu", thank you!

[Deoxes]

Hello, can you also help me with that quantity? I tried putting some codes from the forum but for me, nothing happens. My web dehome.co.uk and theme Impluse, thanks.

[Tomoff]

Hey! Can you please help me because when I put the code this happens:

[KetanKumar]

@Tomoff 

sorry for that issue please share store URL.

[Tomoff]

Store URL: www.wanttex.com

[KetanKumar]

@Tomoff 

thanks for store url can you please confirm this look!

[Tomoff]

Perfect! Can you make it look like that? Thank you so much!

[KetanKumar]

@Tomoff 

thanks for confirm please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 769px){
.product-single__form .add-to-cart {
    margin-top: -80px;
    margin-left: 120px;
    width: calc(100% - 120px);
}
}

[Tomoff]

It works! Thank you!

[KetanKumar]

@Tomoff 

its my pleasure to help us 

[topdogracing]

Does anyone have a code to put the qty selector next to the add to cart button in supply theme? 

[KetanKumar]

@topdogracing 

yes, please share store url 

[topdogracing]

Cascade Innovations ~ Customize Supply ~ Shopify (cascade-innovations.myshopify.com) this is the supply theme. I don't currently have it published but I can do so if needed.