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

Solved
Highlighted
Excursionist
30 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

1 Like
Highlighted
Shopify Partner
6038 887 2040

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Highlighted
Shopify Partner
6038 887 2040

@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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
30 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
Highlighted
Excursionist
30 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
Highlighted
Excursionist
30 0 5

@KetanKumar 

 

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

1 Like
Highlighted
Shopify Partner
6038 887 2040

@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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like