Moving Price in the store

Site URL: https://reindeer-sailfish-bkep.squarespace.com/config/design/product-items

Hi, 

I would like to move the price in the store, so that "From €64" shows below the "selection boxes" - and above the "purchase button".
I have had a lot of people in testing who say they don't see the price - because they don't scroll back up to the top. 
Does anyone have any code so that I could move this? 

Thank you. 
Beanie

Can you share link to product in screenshot? We can check easier

Hi Tuanphan. 

Yes thanks - here is a link to the product: https://www.terorepo.com/prints/p/icebergantarctica on the live store. 
Or in Squarespace: https://reindeer-sailfish-bkep.squarespace.com/config/commerce
Now that the site is live I am not sure how to manage permissions so you can go into the back end of the site - so let me know if you need that. 
Thanks
Beanie

Under or above Quantity input?

Hi Tuanphan - sorry slow response, ideally under Quantity,
Thank you
Beanie

On 12/30/2020 at 10:13 PM, Beanie said:

Hi Tuanphan - sorry slow response, ideally under Quantity,
Thank you
Beanie

Add to Design > Custom CSS

.ProductItem-details-checkout {
    display: flex !important;
}
h1.ProductItem-details-title {
    order: 1;
}
.ProductItem-details-excerpt {
    order: 2 !important;
}
.product-variants {
    order: 3 !important;
}
.product-quantity-input {
    order: 4 !important;
}
.ProductItem-product-price {
    order: 5 !important;
}
.sqs-add-to-cart-button-wrapper {
    order: 6 !important;
}

You don’t need to respond to this message, we just wanted to pass long our gratitude for the wonderful help! We used this code to help solve the same problem we were having with the product price placement, and it worked beautifully. A big thanks from all of us! 😊