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
This is an accepted solution.
not required now any details I will manage can you please add below code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product__quantity.product__quantity--button { position: absolute; margin-top: -25px; } .product-single__meta .payment-buttons .cartbutton { display: inline-block; width: calc(100% - 110px); margin-left: 110px; } .product-single__meta .js-qty__num { padding: 11px 25px; }
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
Hello everyone,
Thank you for this question, I would like to do the same thing for my store under Impulse 7.5 however the proposed code is not functional, do you know how we can do it easily from the current updated theme?
Thank you for your help
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.
I am also using IMPULSE theme, V6.0.1. I added this code to the bottom of the Asset->/theme.scss.liquid however it did nothing on my product page. Do you think it might be something within the newer update since it's now 2 years later? Thank you
Hello. I am trying but it didnt work. Please help me.
https://www.enginshop.com/products/pet-semi-automatic-cat-litter-basin-deodorization-semi-enclosed
@KetanKumar, hey.
Are you able to assist me with getting the same layout with the quantity selector box and add to cart button?
I've applied codes as provided in the other comments. They haven't worked for me.
can you please share store url so i will check and update
Hey, how did you get the quantity selector up with impulse?
Hey, there.
This is Dallas from the Shopify Social Care Team.
Although this is isn't a Shopify theme and I am not able to send this over to my themes team to get this customized for you, I did want to give you a note of information that you might find helpful if you don't find an answer for this in this forum thread.
Even though our themes team won't be able to help you, our Shopify Experts should be able to customize this for you. There is a fee associated with them, but they are very talented.
I hope that helps you out! Best of luck 😊
To learn more visit the Shopify Help Center or the Community Blog.
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.
It's a free template from PageFly. You can view the full version of it here.
ı wanna change my store look by putting add to cart button next to guantitity selector. Please help me?
https://www.enginshop.com/products/pet-semi-automatic-cat-litter-basin-deodorization-semi-enclosed
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024