Jump to content

Automatically Hide Sold Items in 7.1 (vs. marked "unavailable"

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://jscg50-cms.squarespace.com

My 7.1 Commerce site sells mostly 1-off art pieces. Once an item has sold, I want it to be removed from public view. I do not want to show a tag of "unavailable" under an item or have a pop-up note that the item is not available for sale; I do not want to monitor the site to see what needs to be hidden manually. I'd like this to be automated. I know there is value to showing past items, which seems to be SS's default justification when asked why this feature isn't a toggle on/ toggle off option, but this is a detrimental default for my store. These items do sell out quickly and it annoys our customers when we are essentially offering something they can't have. 

Can anyone please help with a code for this or with a suggestion on where I can find a resolution for this problem? Thank you!

Site is jscg50-cms.squarespace.com. Password is: jscg50

To see an example: Online Shop > Vases > Shop Vases ... view "All" ... 1st item is marked unavailable, but I would like this to simply disappear from view once it's been purchased. 

 

Screen Shot 2021-10-29 at 3.51.09 PM.png

Edited by Guest
spelling, new photo
Link to comment
  • Guest changed the title to Automatically Hide Sold Items in 7.1 (vs. marked "unavailable"
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
17 hours ago, kcasey said:

Once an item has sold, I want it to be removed from public view. I do not want to show a tag of "unavailable" under an item or have a pop-up note that the item is not available for sale; I do not want to monitor the site to see what needs to be hidden manually. I'd like this to be automated.

There isn't a built in feature for this, but I produced some code that will do this automatically for you. You'll find it in this guide: Hide sold products on a Squarespace 7.1 website.

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • 1 year later...
10 minutes ago, E_J_L said:

Is there a way to do this on 7.0? I tried your code and it doesn't work, as expected. 

The guide is for any site built on Squarespace 7.1.

I haven't written a solution for any of the 7.0 template families (they are all different) but it should be possible.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • 2 months later...
  • 2 months later...

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.