Help! Quantity and 'Add to Cart' button have moved above the product description...

Hi

The 'Quantity' and 'Add to Cart' button have moved above the product description on my site. I actually wouldn't mind but the 'Variants' dropdown and price are still below. I need to either move them all above or below the description.

It may have been some code I added and didn't notice but I didn't think that was the case... Help!

LarryAP

@LarryAP Could you please share your site URL so I can take a look? Thanks!

Hi - it's www.alliancepackaging.ie. Thanks.

A product would be:

www.alliancepackaging.ie/the-shop/p/white-carrier-bag

The reason these elements moved is because Squarespace changed the structure of the page so your CSS is no longer targeting the correct elements.

The quantity and add to cart used to be siblings with other elements such as excerpt, price, and etc...

Quantity and atc are still siblings to each other but they are now wrapped in a div with a class name of ProductItem-quantity-add-to-cart. This new div is now the sibling of excerpt, price, and etc...

5 hours ago, Lesum said:

@LarryAP You can try adding this code snippet under Utilities > Website Tools > Custom CSS.

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

section.ProductItem-details .ProductItem-details-checkout .ProductItem-quantity-add-to-cart {
    order: 4 !important;
}

Make sure you add the code after all the code you've added so far. 

Thanks so much for this, may you live to be a thousand years old.