Jump to content

Show available inventory for service products, while limiting to one service product at a time

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://www.swingsandwings.com/summer-camps-2021

We offer summer camps for kids as service items from our Commerce platform.  Each camp sign-up requires parents to complete an intake form (kids name, age, parent's contact info, etc).  We do not want parents to add multiple summer camps simply by changing the quantity from 1 to 2 in the cart nor checkout; if they want to enroll multiple kids into the same camp, they have to add the camp to the cart multiple times, each time filling out the intake form.  We offer a promo for multiple camps booked on the same order, so the Express Checkout option does not work for us.

 

To enforce the above, we have disabled the option 'Let Customers Buy Multiple Service Products'.  However, we are then unable to show the number of available slots for each camp.  We've tried enabling the 'Limited Availability' label, but apparently Squarespace suppresses this if you disable the option to 'Let Customers Buy Multiple Service Products'

 

If I enable 'Let Customers Buy Multiple Service Products', the number of available slots does show up as desired, but customers are then able to manually increase the quantity of a particular camp on the checkout page (I can suppress it using code injection on the product page and in the cart, but not at checkout).  

 

We would like to remove the Quantity option but also show the number of available slots for each camp.  

 

Squarespace customer support says this is currently not possible and can submit a feature enhancement request, but who knows when that might happen.  Given the current circumstances with the pandemic/restrictions/etc, our survival beyond this summer depends greatly on our ability to sell these summer camp service items through our website and we want to leverage any tools we have in order to do so, such as showing that slots are limited and to book quickly.

 

Any assistance will be appreciated!!

Squarespace Inventory for Service Products.png

Link to comment
21 hours ago, creedon said:

There is no way to modify the checkout page. It is a SS security feature.

Whatever your process is going to look like you will have to take this into consideration.

Completely understand that we cannot modify the checkout page, so makes sense for us to keep disabled the option 'Let Customers Buy Multiple Service Products'.   That being the case, we still would like a way to show the number of available slots for each camp, hopefully via custom code.  Thank you!!

Link to comment
On 4/20/2021 at 11:44 PM, viperimk said:

To enforce the above, we have disabled the option 'Let Customers Buy Multiple Service Products'.  However, we are then unable to show the number of available slots for each camp. 

Assuming that each of the 'services' will not have variants, we can use some JavaScript to show the number of slots available. How do you want this to appear?

1083995687_Screenshot2021-04-22at08_46_28.thumb.png.d8fc066d9ca76970b530720c706bb39a.png

Edited by paul2009

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
On 4/22/2021 at 12:41 AM, paul2009 said:

Assuming that each of the 'services' will not have variants, we can use some JavaScript to show the number of slots available. How do you want this to appear?

This is exactly what we want, just above the 'Add to Cart' button.  How can I implement this, given that we do not want to let customers change quantity during cart or checkout for these products?

Link to comment
17 hours ago, viperimk said:

How can I implement this, given that we do not want to let customers change quantity during cart or checkout for these products?

To prevent customers changing the quantity during cart or checkout, keep the 'Let Customers Buy Multiple Service Products' option disabled.

To show a remaining slots message you'll need to add some custom JavaScript, and optionally some CSS if you want to style the message. I'll DM you regarding the custom code.

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
  • Solution

I've provided you with a solution that will allow you to add messaging like "Only X slots available!" to product detail pages. There are built-in options to:

  • change the message to whatever you need
  • show singular and plural messages ("1 slot", "2 slots" and so on)
  • prevent the message appearing if there are 'many' places available. For example, you may want it to only appear when there are less than 10 slots available.

slots-remaining-message.thumb.png.5705255e02204b1aa52eed645d4ac489.png

 

Edited by paul2009
Formatting

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
  • 2 months later...
  • 1 year later...
On 4/27/2021 at 7:40 AM, paul2009 said:

I've provided you with a solution that will allow you to add messaging like "Only X slots available!" to product detail pages. There are built-in options to:

  • change the message to whatever you need
  • show singular and plural messages ("1 slot", "2 slots" and so on)
  • prevent the message appearing if there are 'many' places available. For example, you may want it to only appear when there are less than 10 slots available.

slots-remaining-message.thumb.png.5705255e02204b1aa52eed645d4ac489.png

 

Hello, I am having this EXACT same issue and am hoping to get the code to have the "Slots Remaining" listed.

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

@courtneyesch @AmandaCincyPostpartum Happy to help but I don't receive a message when you post here 🙂.

If you still need some help with this, please message me directly with details of the site.

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
  • 3 weeks later...

I was just reading through this thread and have the exact same issue for a site I built for a client (https://www.campshiloh.net). Their registrations opened up two days ago and are nearly sold out already, but it would be great to show inventory levels in the future when we open registrations again. Can someone provide me with the code to make this happen, please?

I have combed the internet for hours and found nothing, and don't feel comfortable writing Javascript on my own. 🙂 I did find a plugin that might help, but it looks like it was made for products (not services) and on 7.0.

Thanks in advance for your help!

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.