Jump to content

Adding 'SOLD OUT' to products listed in summary blocks

Go to solution Solved by paul2009,

Recommended Posts

Hi, please could someone help me to display in summary blocks when a client's painting is 'sold out'?

Currently we have summary blocks in use on specific pages relating to exhibiting her work, such as this one: 

https://www.jacquelinejoosen.com/affordable-art-fair-brisbane

As an example, the painting 'Beach Scene' is sold out and displays as sold out in the shop and detail page. However, it looks like it is still for sale on this page and elsewhere on the site where summary blocks are in use. 

How can we show that this painting and others are sold out without changing the title of the painting to 'Beach Scene – Sold Out', which looks pretty clumsy!?

Is there a line of code or something with tags I could add?

Look forward to your support!
Mark

 

 

Link to comment
  • Replies 4
  • Views 489
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution
2 hours ago, cox_co said:

please could someone help me to display in summary blocks when a client's painting is 'sold out'? As an example, the painting 'Beach Scene' is sold out...However, it looks like it is still for sale on this page and elsewhere on the site where summary blocks are in use. 

Summary Blocks usually display the 'SOLD OUT' label by default. However, I see that you've added some Custom CSS to hide them. If you remove this, the labels will appear 🙂.

Remove this:

div.sold-out {
    display: none
}

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
Posted (edited)

@paul2009 I remember now – we have a page on the site for 'Sold' artwork. 

https://www.jacquelinejoosen.com/sold-artworks

When listed in this summary block (which I will add further summary blocks to or use the summary block extender plug-in that exists), they all have the Sold Out label on them.

Is there a way to Hide the Sold Out label on this page only? 

The Sold Out label can feature elsewhere on the site, however it seems excessive on this page to have all with the label!

I also noticed that this CSS code doesn't seem to trigger on Summary Blocks – 

/* Hide prices on sold out products */
.post-type-store-item.sold-out .product-price {
  display:none;
}

Do I need to adjust the CSS to add in .sqs-block-summary-v2 as well? 

Thanks,
Mark

Edited by cox_co
Link to comment
10 minutes ago, cox_co said:

I remember now – we have a page on the site for 'Sold' artwork. Is there a way to Hide the Sold Out label on this page only? 

Yes, you can prefix the CSS with the ID of the 'Sold' page so that it only affects the elements on that page

For example:

#collection-660a2c4518c424400ca2a8e0 div.sold-out {
    display: none
}

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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.