Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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>
this code add to your collection product cart, or product grid item or product girt etc maybe file snippets file
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/
i have check bt i can see can you please show me proper url so i will ck
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
sorry for that issue
your store is password protect
Right, sorry for that the pass is "rowfeu", thank you!
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.
Hey! Can you please help me because when I put the code this happens:
sorry for that issue please share store URL.
thanks for store url can you please confirm this look!
Perfect! Can you make it look like that? Thank you so much!
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);
}
}
It works! Thank you!
its my pleasure to help us
Does anyone have a code to put the qty selector next to the add to cart button in supply theme?
yes, please share store url
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.
User | RANK |
---|---|
135 | |
91 | |
76 | |
64 | |
52 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022