viperimk Posted April 20, 2021 Share Posted April 20, 2021 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!! paul2009 1 Link to comment
creedon Posted April 21, 2021 Share Posted April 21, 2021 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. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
viperimk Posted April 21, 2021 Author Share Posted April 21, 2021 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
paul2009 Posted April 22, 2021 Share Posted April 22, 2021 (edited) 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? Edited April 22, 2021 by paul2009 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide 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. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
viperimk Posted April 22, 2021 Author Share Posted April 22, 2021 The wording you have is pretty much exactly what we want! The only change I'd like is to have it visible above the 'Add to Cart' button. Link to comment
viperimk Posted April 25, 2021 Author Share Posted April 25, 2021 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
paul2009 Posted April 26, 2021 Share Posted April 26, 2021 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. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide 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. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Solution paul2009 Posted April 27, 2021 Solution Share Posted April 27, 2021 (edited) 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. Edited June 19, 2023 by paul2009 Formatting Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide 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. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
viperimk Posted April 27, 2021 Author Share Posted April 27, 2021 This is awesome! Thank you so much for the work that went into this... it does exactly what we need it to do and you've gone above and beyond what I was hoping for. paul2009 1 Link to comment
vreynolds Posted July 16, 2021 Share Posted July 16, 2021 Hello – I am trying to accomplish something similar, and have started a new thread in the Forum here --> https://forum.squarespace.com/topic/200554-show-remaining-availability-for-classes-best-process/ What is described above is what I am looking for. Advice or help would be appreciated. Link to comment
courtneyesch Posted June 19, 2023 Share Posted June 19, 2023 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. Hello, I am having this EXACT same issue and am hoping to get the code to have the "Slots Remaining" listed. Link to comment
AmandaCincyPostpartum Posted November 11, 2023 Share Posted November 11, 2023 Hello Paul, I am looking for this same solution. Can you connect with me? Link to comment
inspiredrachel Posted January 31 Share Posted January 31 I'd love this same code too! Paul2009, please contact me. Link to comment
inspiredrachel Posted January 31 Share Posted January 31 On 11/11/2023 at 2:01 PM, AmandaCincyPostpartum said: Hello Paul, I am looking for this same solution. Can you connect with me? Did he reach out to you? I'm after the same thing! Link to comment
paul2009 Posted January 31 Share Posted January 31 @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. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide 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. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
thenorthwestcreative Posted February 16 Share Posted February 16 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
josh-rosenfeld-odes-unboxe Posted June 26 Share Posted June 26 I'm looking for this exact same functionality (showing available inventory for service products). Does anyone have a script, plugin, or solution they can point me to? Thank you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment