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

2020-11-04_15-38-40.png

Link to comment
  • Replies 2
  • Views 941
  • Created
  • Last Reply

figured it out!

.sqs-add-to-cart-button {
  display: none !important;
}
.sqs-money-native {
  display: none !important;
}
.product-mark.sold-out {
  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

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

image.thumb.png.190337ca7f784b7e7e6ac23dd87dabb6.png

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

image.thumb.png.6f52adfce76c7bbf694a7d683c106e58.png

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

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