Jump to content

Minimum order quantities with size selection

Recommended Posts

We are trying to put together an online store that would have wholesale items available, tax free for retail in locations across the US. One of the challenges is that we often have T-Shirts that have both the need for minimum order quantities (12) and the ability to select the sizes of those 12 shirts. 

Any ideas on how to handles this?

Link to comment
  • Replies 3
  • Views 441
  • Created
  • Last Reply

In other words within that order of twelve you need to be able to select a mixture of sizes? Like 3 mediums, 2 extra large, 5 small, 2 large.

Is color a factor in this case? That would add an extra variable.

Just trying to get a good handle on the parameters involved.

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
2 minutes ago, creedon said:

In other words within that order of twelve you need to be able to select a mixture of sizes? Like 3 mediums, 2 extra large, 5 small, 2 large.

Is color a factor in this case? That would add an extra variable.

Just trying to get a good handle on the parameters involved.

It would be all the same color shirt so just the sizes selected have to meet a total of 12. 

 

Link to comment

It would be possible with a form added to the product page, some CSS and Javascript  to capture the needed info. This would need to have some Javascript for the form on the product page and also a similar piece of code for the cart.

A caveat is that custom code can not be added to the checkout page so on that page it would be possible for the customer to make a quantity change there and get things out of sync. This kind of error would need to dealt with manually.

The code for dealing with the forms is not simple.

Here is a mock up of what the customer might see. These mockups were produced with some actual code.

Here we see the form before the user interacts that has been modified with CSS and Javascript. The first field (Total) is a required number field. The required * (asterisk) has been hidden as well as the input field. The hidden field is used for error checking with some code. A progress text has been added. The rest of the fields are number fields that do not require input.

1579818361_ScreenShot2021-02-23at8_13_52PM.thumb.png.579bfa413de35808429c3e1ad9c7fa19.png

Here we see entry in progress.

1232052032_ScreenShot2021-02-23at8_14_32PM.thumb.png.feb73f4064d2afe8dd2f721089d5325c.png

Here we see an error in the count.

1922398617_ScreenShot2021-02-23at8_15_57PM.thumb.png.ea7612adc1e589a3847f7b316b8a8333.png

Only when the sum of each shirt size matches the total number of shirts will the Add To Cart button add the order to the cart.

Would something like this meet your needs?

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.