EmmaW

5 hours ago, tuanphan said:

You want

Price - Quantity

Add to Cart

Is this right?

Price - Quantity - Add to Cart 

(all on one line) Do you think its possible?

On 5/11/2020 at 9:16 AM, tuanphan said:

In Custom CSS box, find this code

and edit this number 4 to 3

.ProductItem-details .ProductItem-product-price {
    order: 4 !important;
}

and add this to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.product-quantity-input {
    width: 50%;
    float: left !important;
}
}

 

Hi Tuan! Thanks so much for this!!

This code successfully switched the order of the price & quantity field, but didn't put it on one line... 
i.e. https://seabass-greyhound-r843.squarespace.com/editions-a-k/tomma-abts
(pw: Zurich1984)

Now I'm wondering, do you think it would be possible to display 'Price' followed by 'QTY' followed by 'Add to Cart' all on one line ??

Thanks again!!!!!!!!!!!!!

12 minutes ago, tuanphan said:

What is access password?

Zurich1984

I'm using the following code right now, which brings the price down:

section.ProductItem-details .ProductItem-details-checkout { 
display: flex; 
flex-flow: column; 
} 

.ProductItem-details .ProductItem-details-excerpt { 
order: 1 !important; 
} 

.ProductItem-details .product-variants { 
order: 2 !important; 
} 

.ProductItem .ProductItem-details .product-quantity-input { 
order: 3 !important; 
} 

.ProductItem-details .ProductItem-product-price { 
order: 4 !important; 
} 

.ProductItem-details .sqs-add-to-cart-button-wrapper { 
order: 5 !important; 
} 

.ProductItem .ProductItem-additional { 
order: 6 !important; 
}

Site URL: https://seabass-greyhound-r843.squarespace.com/home

Does any one happen to have code that would change the display on individual products so that the price and quantity are on one single line?

I'd like the order to be:
'price' followed by 'quantity'
Followed by 'add to cart'

Wow this is exactly what I needed too, THANK YOU!!