marbleandmilkweed

This worked brilliantly, thank you so much! Is there a way at all to add a title to the product add-ons section? Just one line of text above the add-on cards? Many thanks, as always for your kind help!

Oh dear, sorry for my very late reply, got a little sidetracked! This product is here: https://www.marbleandmilkweed.com/shop/p/roseandtulsifacialtonic-100ml Thank you again so much!

I'm also trying to put my variant dropdown menu and my quantity selection box on the same line, but I think the code above isn't working for me as I have a lot of other CSS for my product details page about the order of the items, including some new CSS after the recent PDP updates. Wondering how to add this in? Thanks so much in advance! This is what I have currently that is helping the elements stay in order: /* ORDER OF PDP description */ #page .ProductItem-details-checkout .ProductItem-details-excerpt { order: 1 !important; } /* variants */ #page .ProductItem-details-checkout .product-variants { order: 2 !important; } /* quantity */ .tweak-product-basic-item-add-to-cart-standalone .ProductItem .ProductItem-quantity-add-to-cart { order: 3 !important; }

This works perfectly, thank you again so much!

I find myself working on this, as well. I'm trying to make the product add-on card as thin as possible, with the thumbnail, the title/price and the + button lined up nicely from left to right, but the + button always seems to want to migrate to the bottom right, and the title/price gravitates towards top left, making the whole box bulkier than it needs to be. Trying to make everything centered between the top and bottom of the box, wondering if you might be able to help? Thank you as always for all your assistance!

Whew, this works perfectly, such a relief, thank you! And if I wanted to add just a bit more space between the elements, what would I change? Especially between the price and the Afterpay and the add-to-cart button? Many, many thanks!

Oh yes, forgot that! Title should be the first element, at the top. Afterpay can be under price and variants just above quantity. https://www.marbleandmilkweed.com/shop/p/rose-geranium-sur-fleurs-hydrosol-mist Thank you again so much!

So the above is the correct order, but whatever change Squarespace just made to PDP is overriding this code. It should be: description variants quantity price add to cart button add-ons Hope this makes sense! Thank you again so much!

Thanks so much for your reply! This is the code that I had there before the latest change that Squarespace made, hoping to get everything back in this order: /** * Switch Order of Product * Details using * Simple Layout **/ #page .ProductItem-details-checkout { display: flex; flex-direction: column; /* Set Orders */ .ProductItem-details-excerpt { order: 1 !important; } .ProductItem-details-checkout .accordion-block { margin-bottom: 30px; order: 2 !important; } .product-variants { order: 3 !important; } .product-quantity-input { order: 4 !important; } .ProductItem-product-price { order: 5 !important; font-family: "Baskervillelightitalic" !important; } .sqs-add-to-cart-button-wrapper { order: 6 !important; } .pdp-product-add-ons{ order: 7 !important; } .sqs-add-to-cart-button-inner { font-family: 'Raleway'; font-size: 13px; } } @media (max-width: 767px) { .ProductItem-details-excerpt { order: 1; } .ProductItem-details-checkout .accordion-block { margin-bottom: 30px; order: 2; } .product-variants { order: 3; } .product-quantity-input { order: 4; } .ProductItem-product-price { order: 5; font-family: "Baskervillelightitalic" !important; } .sqs-add-to-cart-button-wrapper { order: 6; } .pdp-product-add-ons{ order: 7; padding-top: 60px !important; } .sqs-add-to-cart-button-inner { font-family: 'Raleway'; font-size: 13px; } }

Thank you, I appreciate it so much! Here is a product: https://www.marbleandmilkweed.com/shop/p/rosebergamotmoodmist

The new PDP update has completely broken the order of things on my product page, as I was using custom CSS. Wondering if you have any idea how to override the new change to return to the previous formatting?

This seems to have worked! Thank you again so much!

There's still a gap between the sticky product category header and the site header, so the products scroll by underneath what appears as a bar, instead of the two sticky headers being perfectly aligned with each other...

Oh dear, sorry for my very late reply! I'm still seeing the issue on mobile via my ancient iphone SE in both the safari and chrome browsers...

Hmm, have just tried this, but it doesn't seem to work on the gallery blocks in that post...