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

Solved
LeahandRosemary
Excursionist
31 0 5

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!

 

Screen Shot 2020-07-09 at 7.35.35 PM.png

KetanKumar
Shopify Partner
22496 2280 8381

Hello, @LeahandRosemary 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
22496 2280 8381

@LeahandRosemary 

Thanks for URL.

Add this code

1. Go to Online Store->Theme->Edit code
2. 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
LeahandRosemary
Excursionist
31 0 5

@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 thoughts on how too correct?

 

 

0 Likes
LeahandRosemary
Excursionist
31 0 5

@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-07-10 at 1.39.32 PM.png

0 Likes
LeahandRosemary
Excursionist
31 0 5

@KetanKumar 

 

Please disregard! I'm all set. Thank you for your help.

KetanKumar
Shopify Partner
22496 2280 8381

@LeahandRosemary 

Thanka for udpate

sorry i can't see quantity button right now.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
fairmanny
New Member
1 0 0

Hey, how did you get the quantity selector up with impulse?

0 Likes
MTorralba
New Member
1 0 0

Hi KetanKumar

 

Would that be applicable to my Supply theme?

I am also looking for ways to do the same button positioning.

 

0 Likes