Jump to content

Exclude Sold Out Items in Product Summary Block

Recommended Posts

  • 3 months later...
9 hours ago, bourlonc said:

Did this get resolved?

If you share link to page where you use summary block. We can check easier

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
4 hours ago, bourlonc said:

Hey Tuanphan!

Here's the link:

https://www.indiecovershop.com/premadecovers

Add to Premade covers page settings > Advanced > Header

<style>
  .sold-out {
    display: none;
}
</style>

 

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
On 9/23/2020 at 2:46 AM, siweisong said:

I have figured out that I can choose to only display "featured products" in the summary block, and once an item is sold out, I will then edit the listing and uncheck it as a "featured product". It's a bit of a hassle but it's working for me for now. Hope that helps.

You can use jQuery to do this. @bourlonc did this

If you still need help, please share url, we can check easier.

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
  • 5 months later...
15 hours ago, KristineNeilStudio said:

Hi @tuanphan I have been playing with this code and it appears to hide the actual "sold out" tag but not the sold out product. Any ideas on a resolution that would hide the actual sold product from a summary block?

Can you share link to page where you use summary? We will check again

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
  • 5 months later...
On 8/27/2021 at 4:57 AM, WanderlustNursery said:

Just jumping in here, I'm also interested in hiding sold out products on my product page. What would be even better would be to have a filter to filter our sold out products.

https://www.wanderlustnursery.com/shop/

Add to Design > Custom CSS

div.sold-out {
    display: none;
}

 

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
  • 2 weeks later...
On 8/29/2021 at 11:02 PM, tuanphan said:

Add to Design > Custom CSS

div.sold-out {
    display: none;
}

 

Thank you! Is there a way I can add a link onto my main shop page such that my customers can either view all products OR only view available products. I don't want to hide sold out products all the time, but rather provide the option, much like a tag or category link.

Link to comment
  • 1 month later...
On 9/9/2021 at 11:15 AM, WanderlustNursery said:

Thank you! Is there a way I can add a link onto my main shop page such that my customers can either view all products OR only view available products. I don't want to hide sold out products all the time, but rather provide the option, much like a tag or category link.

Is this possible without creating an entire other product collection page? I want a link that my customers can click to filter out sold out products.

Edited by WanderlustNursery
Link to comment
On 11/3/2021 at 7:29 AM, WanderlustNursery said:

Is this possible without creating an entire other product collection page? I want a link that my customers can click to filter out sold out products.

Add it under "All" in left side of shop page?

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
On 11/5/2021 at 7:58 PM, tuanphan said:

Add it under "All" in left side of shop page?

Let me clarify, I want a filter for sold out products that's automatic. I don't want to manually make a tag and manually tag and untag products as they go out of stock. I don't want to always filter out sold out products all the time. I'm really struggling with this feature.

Link to comment
13 minutes ago, WanderlustNursery said:

I want a filter for sold out products that's automatic.

I already produced some code that will do this automatically for you on Squarespace 7.1 product pages. You'll find details 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  ⬇️

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation 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.

Buy me a coffee

Link to comment
  • 2 weeks later...
On 11/8/2021 at 8:13 AM, paul2009 said:

I already produced some code that will do this automatically for you on Squarespace 7.1 product pages. You'll find details 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  ⬇️

Correct me if I'm wrong, but this appears to always hide all 'sold out' products. I specifically need a filter; a link that can be clicked in order to show or hide 'sold out' products. The intent is that customers would have the option to see all products by default or to click a link to filter down to products that are only currently in stock.

Link to comment
  • 5 months later...

In case you want to hide Sold out products only in the Related products section, here is the css

<!-- Hide Sold out products in Related products list -->
<style>
  .ProductItem-relatedProducts .sold-out {
    display: none;
}
</style>

 

Link to comment
  • 6 months later...
On 9/23/2020 at 11:32 PM, tuanphan said:

You can use jQuery to do this. @bourlonc did this

If you still need help, please share url, we can check easier.

 @tuanphan I would also like to automatically hide 'sold out' products. I can't use Paul2009's code because I'm not using 7.1.

The following code works: 

<style>
  .sold-out {
    display: none;
}
</style>

This works too in custom css:

div.sold-out {
    display: none;
}

But as Bourlonc said, it leaves a blank space where the sold out product was. How can I avoid this?

I am using a Summaries Block and you mentioned that this might be achieved using its 'featured only' option. But how do I automatically change the items from featured to not featured when they sell out?

Edited by E_J_L
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.