Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

product detail page price and sold out message help


genfoch01

Question

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

Link to comment
  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

11 answers to this question

Recommended Posts

  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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)

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 9/27/2021 at 7:49 PM, genfoch01 said:

Add to Design > custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...