Jump to content

Product Status > Out of Stock

Recommended Posts

Site URL: https://www.octoolhouse.com/

I have successfully hide some elements from my page via CSS and cannot figure out how to hide the out of stock message. I want to be able to use SquareSpace inventory for another purpose thus when I have 0 I do not want the out of stock text to appear on my webpage. The intention is "catalog" view only, but I am using the inventory section as integration and export for other ecommerce solution.

Commmerce > Product Status > Out of Stock.

Example: https://www.octoolhouse.com/accessories/p/miter-saw-crown-stops

You will see the out of stock message. "Contact Us For Availability And Pricing!" as the inventory count for that item is 0.

All the other items have 1+ as inventory so they are not showing that message.

Currently I have this in CSS and it is hiding my cart and price of product:

.sqs-add-to-cart-button {
  display: none !important;
.sqs-money-native {
  display: none !important;


Link to comment

I see the text on Tablet a bit narrow. If you want increase width, you can add this to About Us Page Settings > Advanced > Header

  @media screen and (max-width:991px) and (min-width:768px) {
  #page section:nth-child(2) .content {
    width: 75%;


Also, on product list page (mobile), space between header - search - content seems big, you can add this to Design > Custom CSS to solve.

@media screen and (max-width:767px) {
.collection-type-products.view-list #page section:first-child {
    min-height: unset;
    height: 35vh;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.