Hello,
I run a hockey camp where I have a series of clinics, and each clinic can have up to 20 players. I would like to set up a store that shows each clinic and the number of spots available as shown on this page: https://www.lvlup-hockey.com/hockey-clinics-buffalo
The issue with this is I only want each customer to only be able to sign up for the clinic once (quantity of 1 per customer)
As of now, I have my products set up as a service. The easy option would be to disable "Quantity for Services" in Settings/Selling/Checkout; however, when you do that, you cannot display the remaining quantity as enabled in selling/selling tools/product status/limited quantity.
To display the quantity, I cannot disable quantity per service.
I was able to inject this code which prevents users from increasing quantity on the product page, but I need to prevent users from clicking the "add to cart" button multiple times or increasing the quantity in the cart.
<script>
document.addEventListener('DOMContentLoaded', () => {
var qty = document.querySelector('input[type="number"]');
qty.setAttribute('max', '1');
});
</script>
Any help would be greatly appreciated.