Ekat27 Posted January 9, 2022 Share Posted January 9, 2022 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! Link to comment
paul2009 Posted January 9, 2022 Share Posted January 9, 2022 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. 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
Ekat27 Posted January 24, 2022 Author Share Posted January 24, 2022 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
maxi Posted January 29, 2022 Share Posted January 29, 2022 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
tuanphan Posted January 30, 2022 Share Posted January 30, 2022 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
maxi Posted January 31, 2022 Share Posted January 31, 2022 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 Link to comment
Ekat27 Posted February 1, 2022 Author Share Posted February 1, 2022 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? 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