Quantity Boxes

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!

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. 

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!

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;

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

On 1/30/2022 at 1:58 AM, tuanphan said:

Can you share link to page? We can help easier

hi ...  > https://maxishop.ca/shop

5 hours ago, maxi said:

hi ...  > https://maxishop.ca/shop

 

On 1/30/2022 at 12:58 AM, tuanphan said:

Can you share link to page? We can help easier

Do you have any thoughts on coding my quantity box question above?