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: [Screen Shot 2020-05-26 at 6.3…

@spencer123432 not required now any details I will manage can you please add below code Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .product__quantity.product__quantity--button { position: absolute; margin-top: -25px; } .product…

@KetanKumar This is exactly what I’m looking for!

@spencer123432 Thanks for update it’s can be done change back end some code so i need you to store details can you please send a personal message i will guide.

Hi @spencer123432 , Do you mean re-positioning the buttons and the quantity selector like this? If that’s the case, I suggest you try this pre-made template. The template is a ready-made product page template, but you can also adjust the color, spacing, or positions of the elements, without coding. …

@KetanKumar Thank you SO much for your help, it looks incredible!!

Hello, @LeahandRosemary Welcome to the Shopify community! Please share your site URL, So I will check and provide a solution here.

@KetanKumar Thank you! https://q5r1hrcgpqv62sa9-41120923809.shopifypreview.com

@LeahandRosemary Thanks for URL. Add this code Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .product__inventory { margin-top: -38px; } .add-to-cart.btn--secondary { width: calc(100% - 110px); margin-left: 110px; }

@KetanKumar Thank you - I changed it a little to make it the same width as the add to bag button. But as you can see below, when i click plus or minus it does not change the quantity and it has now removed the functionality of my cart drawer popping out on the side when i click add to bag. Any tho…

@KetanKumar Strangely, when i removed “inventory notice” button for the product page it moved the quantity bar. Do you know how to fix this or make it relative so that for the inventory notice button if certain products are low on inventory it does not move the quantity button? [Screen Shot 2020-…

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

Store Design

LeahandRosemary July 9, 2020, 11:36pm 11

Hi @KetanKumar

I use the same theme and put that code in but this is what i see. Any help on how to correct it would be great! Thank you!

Topic		Replies	Views
How can I align the quantity selector with the add to basket button? Store Design	38	311	June 14, 2022
Impulse theme: Moving add to cart to same line as quantity Store Design	17	490	May 21, 2022
How can I add quantity buttons to the Debut theme? Store Design	77	610	August 16, 2022
I want to display my quantity selector next to add to cart Store Design design	11	122	July 29, 2024
Quantity selector next to add to cart button Shopify Discussion shop-performance	5	119	September 16, 2024

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

Related topics