Impulse 2.0 Move quantity next to add to cart button

Store Design
1

Hi, looking to move the quantity button to the left of the add to cart button on product pages - previous answers to this appear to be on old 1.0 theme. Is anyone able to provide updated code for Impulse 2.0 theme please?

2

Could you drop your store link?

3

Sure it’s www.bonzadogtreats.com.au

4

It cannot to do it by adding some css, must to edit theme file a little bit

5

Unfortunately the Impulse theme stupidly doesn’t qualify the html container for product-blocks with unique classes for what’s in theme,etc.

So to do with with FRAGILE CSS only you’d first need to move the inventory messaging to be somewhere else and put the quantity right before the buy-buttons , below is a FRAGILE CSS band-aid that will work in a custom css setting as long as they are the 9th and 10th blocks with nothing between theme.

But if you need this customization made properly then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Contact info in signature.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

/* this only works if the quantity and buy-buttons are the 9th and 10th elements next to each other */
/* any apps,etc that inject ANYTHING between these two will break this css */
[data-product-blocks] .product-block:nth-child(9) {
    width: 15%;
    display: inline-block;
}

[data-product-blocks] .product-block:nth-child(10) {
    width: 83%;
    display: inline-block;
}
6

Thanks, they wouldn’t consistently be 9th & 10th elements as the review metafield may or may not be completed.