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

Solved
spencer123432
Tourist
4 0 3

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.32.43 PM.png

 

 

 

 

 

 

Thank you!

Replies 60 (60)
Hardi
New Member
2 0 1

@KetanKumar After adding the code nothing happens can you please assist?

KetanKumar
Shopify Partner
36495 3620 11760

@Hardi 

Welcome to the Shopify community!
and Thanks for your Good question.

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
36495 3620 11760

@Hardi 

Thanks 

sorry doesn't work

KetanKumar_0-1606193377933.png

 

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
JulieWipeout
Excursionist
11 1 2

Hi do you have a solution for Debut theme please??

 

KetanKumar
Shopify Partner
36495 3620 11760

@JulieWipeout 

Thanks for post 

can you please share store url and issue image so i will guide you.

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
austinferrari
New Member
2 0 1

Hi @KetanKumar 

How do I move my product description below the product title?
And then I want the quantity selector to be on the same exact line as the "add to cart button" 
And then I want the "Add to cart button" to be on top of the PayPal checkout and "ask a question" button.

Any help with coding would be amazing.

Thanks!

Site url is here:
https://momnemcoffee.com/collections/merchandise/products/mom-n-em-camper-mug

KetanKumar
Shopify Partner
36495 3620 11760

@austinferrari 

yes, please first check the theme customization option

or it can be done custom code sent a personal message

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
austinferrari
New Member
2 0 1

@KetanKumar 

is it possible to have the custom code by chance? I’ve checked the theme and I cannot figure out how to do it. 

thanks for any help.

 

 

KetanKumar
Shopify Partner
36495 3620 11760

@austinferrari 

Yes, is possible to custom code sent me personal message

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
JayTheshop5
Shopify Partner
3 0 0

hi @spencer123432  do you mind share your code on how you did the effect on your website?

 

It looks so good!!

 

thank you

JayTheshop5
Shopify Partner
3 0 0

hi @KetanKumar 

I tried your code, but just cant get the add to bag button away from the Qty selection

 

JayTheshop5_0-1611762371213.png

 

.product__quantity.product__quantity--button {
position: absolute;
    margin-top: -25px;
}
.product-single__meta .payment-buttons .cartbutton {
    display: inline-block;
    width: calc(90% - 120px);
    margin-left: 210px;
}

.product-single__meta .js-qty__num {
    padding: 11px 25px;
}
    
.product__inventory {
margin-top: -38px;
}
.add-to-cart.btn--secondary {
    width: calc(80% - 110px);
    margin-left: 110px;
}

 

 

Appreciate your advise.

thank you.

glowcreativenz
Shopify Partner
13 1 5

Hi there, do you have an equivalent solution for the Debut theme? 

Ashleigh
Web Designer | Shopify Partner
Glow Creative
KetanKumar
Shopify Partner
36495 3620 11760

@glowcreativenz 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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
glowcreativenz
Shopify Partner
13 1 5

Thanks, it is a client's which isn't live yet so I won't post it. But it is a standard Debut website, it would work the same as any other using the theme.

Ashleigh
Web Designer | Shopify Partner
Glow Creative
Cropsybd
Tourist
4 0 2

Hi, I am trying to do the same thing in my store. Cannot find "Asset->/theme.scss.liquid-"  I'm using "Avenue" theme. Can you please help? 

Thanks 

KetanKumar
Shopify Partner
36495 3620 11760

@Cropsybd 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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
Cropsybd
Tourist
4 0 2
Hi KetanKumar,

Thank you for your replay.
Here is my shop url-
https://cropsy.com.bd
Store password- dihaud.

KetanKumar
Shopify Partner
36495 3620 11760

@Cropsybd 

thanks, for the details 

sorry but i can't see the quantity button how can i guide you?

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
Cropsybd
Tourist
4 0 2
“ Add to Cart”button is there. I just want to have option to select
quantity next to the “ Add to cart” button on collection page

Thanks for your help.