Jump to content

Quantity Boxes

Recommended Posts

Site URL: https://theretrocollectiveco.com

Hi!

I am looking to customize my website so that when a customer selects a product that has more than a quantity of 1 (and therefore has a quantity box in the listing) they are only able to select up to the amount that I have available. For example, if you go to this listing:

https://www.theretrocollectiveco.com/shop/p/preserved-purple-viola-teardrop-necklace-gold

I have 2 of these necklaces available, but when you go to the quantity box, you can select as much quantity as you'd like using the ^ arrow button. If possible, I would like to instead have a quantity box that drops down and allows you to pick the options 1 or 2 and so on if say I had a product that had 2+ quantity available. Right now, if someone tries to check out with say 5 necklaces (just as an example), a pop-up will show up when they try to add it to their cart saying "Sorry, we only have 2 of that item available." I ideally do not want these pop-ups on my website which is why I would like to do the drop-down style box instead if possible! Anyone have ideas?? Any and all help is much appreciated!

Screen Shot 2022-01-09 at 12.59.59 AM.png

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

There's a built in feature called "limited availability labels" that you may find useful. If you enable this feature, customers will see a message when stocks are low, and this may prevent them selecting an invalid quantity. 

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 1/9/2022 at 9:14 AM, paul2009 said:

There's a built in feature called "limited availability labels" that you may find useful. If you enable this feature, customers will see a message when stocks are low, and this may prevent them selecting an invalid quantity. 

I tried this and it does not work...I am not sure I would want to do this anyway because very rarely do I have a lot of each product so it would show the availability on each product which i think gets kind of busy (especially on mobile version). Any thoughts on the coding? Thank you for the idea though!

Link to comment

When i enabled 'limited availabilty' the text aligns 'Left' in the summary block. I looked in design to see if it can be aligned to 'centre' and of course that features is not there. Is there a CSS code for this ?

Is it this ? Should it float: centre;??

 

> .sqs-gallery-design-autogrid-slide {
          width: 49% !important;
          float: left;
          clear: inherit !important;

Link to comment
11 hours ago, maxi said:

When i enabled 'limited availabilty' the text aligns 'Left' in the summary block. I looked in design to see if it can be aligned to 'centre' and of course that features is not there. Is there a CSS code for this ?

Is it this ? Should it float: centre;??

 

> .sqs-gallery-design-autogrid-slide {
          width: 49% !important;
          float: left;
          clear: inherit !important;

Can you share link to page? We can help 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

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.