product detail page price and sold out message help

squarespace 7.1 

looking at the product detail page i see  $xx.xx  on one line at the top of the page.  i'd like to change this so it reads "price $xx.xx" and i'd like to to be bold 

i also have "sold out "  (when inventory is set to 0 ) i'd like to change this from "Sold Out" to "We're so sorry this item has been sold!"  and i'd like to make that in bold and a much bigger font. 

finally i'd like to have the price NOT show if the inventory is 0 and i'd also like to hide the add to cart button 

Any thoughts on how i might do this would be really helpful. 

John

Hi,

Can you share link to a sold out product? We can take a look

Thanks, 

here is a link to a product detail page 

https://dove-capybera-nn4w.squarespace.com/artworklist/p/2-girls-on-the-beach-copy

pw: nXQ5clK`pD,0p-Apy7Ex

On 8/9/2021 at 12:36 AM, genfoch01 said:

Thanks, 

here is a link to a product detail page 

https://dove-capybera-nn4w.squarespace.com/artworklist/p/2-girls-on-the-beach-copy

pw: nXQ5clK`pD,0p-Apy7Ex

Hi. Add to Design > Custom CSS

body.view-item span.sqs-money-native:before {
    content: "Price $";
}
body.view-item .product-mark.sold-out {
    visibility: hidden;
}

body.view-item .product-mark.sold-out:before {
    content: "We're so sorry this item has been sold!";
    visibility: visible;
}

Sorry about the delay in response, I was out of the office for a bit. 

those three code snippets seem to be working.   

How might i hide the "add to cart " button  (again when inventory of that item is 0)? 

Thanks!

20 hours ago, genfoch01 said:

Sorry about the delay in response, I was out of the office for a bit. 

those three code snippets seem to be working.   

How might i hide the "add to cart " button  (again when inventory of that item is 0)? 

Thanks!

Can you share link to a product? We will check easier

sure 

https://dove-capybera-nn4w.squarespace.com/artworklist/p/2-girls-on-the-beach-copy

pw : nXQ5clK`pD,0p-Apy7Ex

I have those 3 items in the custom css but i still see the add to cart button which i'd really like to hide when inventory hits 0 

Thanks for your time!

On 9/17/2021 at 4:04 AM, genfoch01 said:

sure 

https://dove-capybera-nn4w.squarespace.com/artworklist/p/2-girls-on-the-beach-copy

pw : nXQ5clK`pD,0p-Apy7Ex

I have those 3 items in the custom css but i still see the add to cart button which i'd really like to hide when inventory hits 0 

Thanks for your time!

The site is expired. You can contact Squarespace Customer Care to extend it ( free)

how embarrassing 😞 Let me see about getting it fixed.  

new link : https://vuvuzela-cardioid-7tl5.squarespace.com/artworklist/p/2-girls-on-the-beach

pw: 8k_NSn%5X)gRP\1sB5qp

On 9/27/2021 at 7:49 PM, genfoch01 said:

new link : https://vuvuzela-cardioid-7tl5.squarespace.com/artworklist/p/2-girls-on-the-beach

pw: 8k_NSn%5X)gRP\1sB5qp

 

 

Add to Design > custom CSS

/* Hide sold out add to cart */
.sold-out .sqs-add-to-cart-button-wrapper {
    display: none !important;
}

that did it! thank you!!