How can people order multiple colors and sizes of a product?

  • RedRoverPromotions
    Asked on April 25, 2019 at 12:56 AM

    I would like people to be able to purchase several polos-- different colors and different sizes if they would like to do so.

    Is there any way to do this? I realize that the way I have created it, they can only chose one color and one size from amongst the choices.

  • Kiran Support Team Lead
    Replied on April 25, 2019 at 3:18 AM

    I have checked your JotForm and see that you have already added the options to the payment field on your form.

    155617672725042019 120459 Screenshot 10

    If you need any further assistance, please let us know. We will be happy to assist.

  • RedRoverPromotions
    Replied on May 6, 2019 at 11:57 PM

    Yes, I added the options. The problem is that I would like for the person who chose a black small men's polo to also be able to choose more colors and sizes of the same item. How can I make that option available?

  • Richie JotForm Support
    Replied on May 7, 2019 at 1:26 AM

    You may create a sub product from your options.

    Here is guide:https://www.jotform.com/help/264-Create-Sub-Products-Based-on-a-Product-Option

    Example, in your Color option open the settings by clicking the pencil icon.

    How can people order multiple colors and sizes of a product? Image 1 Screenshot 40

    Then create a sub product and save the option.

    How can people order multiple colors and sizes of a product? Image 2 Screenshot 51

    Screenshot of the output.

    How can people order multiple colors and sizes of a product? Image 3 Screenshot 62

    Hope this information helps.

    Let us know if you have further questions.


  • RedRoverPromotions
    Replied on May 7, 2019 at 1:51 AM

    okay! halfway there! Could I keep doing that subproduct over and over to get to what I really want?

    For instance, could I set it up so that people could buy two different sizes of a single color, or would I have have a separate item for each color in order for that to work?


    And one more question. Can I add a question within the product? For instance, once people select their size and color, can I ask whether they would like the logo on the left chest or on the sleeve?


    Thank you so much for your help. You are the first person who has really understood what I was trying to do with the sizing and colors. :-)

    Have a wonderful day/night,

    Laura

  • Kiran Support Team Lead
    Replied on May 7, 2019 at 2:57 AM

    Unfortunately, with the sub products it is only possible to choose one from the options set. When separate products are set up with color options, only one option from size can be selected. 

    Can I add a question within the product?

    This is also not possible with the built in payment wizard. However, you may have this question as a separate option to the products.

    In order to achieve your requirement with multiple selections of color and sizes of different products, you may consider using basic dropdown fields for the products and options enabled with Multiple selection option and assigning calculation values to the options. You may use a calculation widget to calculate the total of the products selected and send the final value to the payment field. Please check the following cloned version of your form with the dropdown fields and see if that works for you.

    https://form.jotform.com/91260972239966

    You may clone the form to your account and make modifications as per your requirement.


    Please get back to us if you need any further assistance. We will be happy to help. 

  • RedRoverPromotions
    Replied on May 7, 2019 at 12:34 PM

    Richie_P! Your answer was perfect! I have been trying to do exactly this, and you are the first support person who has been able to help. Thank you so very much.

    I am getting SO close to finished!   I have two things I would like help with:


    1. The photos and the description below each seem really squashed together. Is there a way to change that spacing so that it looks more balanced? Is there a way to add a line between items or something to make it look a little more finished?

    2. I would also like to have size charts available for each of the garments. Is there a way I can integrate this ? If there is not a way within jotform, i might change all the images to have a size chart added to the existing art.


    Thank you!


  • Richie JotForm Support
    Replied on May 7, 2019 at 2:01 PM

    1. The photos and the description below each seem really squashed together. Is there a way to change that spacing so that it looks more balanced? Is there a way to add a line between items or something to make it look a little more finished?

    What we can do is create a space between the products using custom CSS code.

    Kindly try this CSS code:

    .form-product-item {
       
        margin-bottom: 200px;
    }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    2. I would also like to have size charts available for each of the garments. Is there a way I can integrate this ? If there is not a way within jotform, i might change all the images to have a size chart added to the existing art.

    May we know if you want to upload your own image size chart? You may upload your image using the Image properties element.

    How can people order multiple colors and sizes of a product? Image 1 Screenshot 20

    However, if you want to align them with your Payment field, this is not possible.

    Hope this information helps.

    Please give it a try and let us know if you need further assistance.

  • RedRoverPromotions
    Replied on June 7, 2019 at 10:58 AM

    Hi Richie,

    I don't know if you've been involved in the problems with my form working with Internet Explorer, but my project is at a standstill because the developers at Jotform can't figure out why it won't work with IE.

    I am wondering if your idea (above) about doing the calculations would work. Would you be able to help me figure this out? The current form being used is called "Container", and I think the conditional logic forms are the Payroll Deduction and Credit Card forms last modified on 5/28.

    My client is losing their minds that we can get this up and running, and their employees are only allowed to use IE at work. :/  

    The problem we ran into is that the totals won't calculate in IE. I feel like there must be a way we can work around this and I would love your imput.

    Thank you,


    Laura




  • Richie JotForm Support
    Replied on June 7, 2019 at 11:35 AM

    Hi Laura,

    I have checked your threads regarding the issue on IE and it seems my colleague has suggested to manually add the products and assign calculation values as the issue could be with the Product options.

    You would need to use form calculation widget and pass the calculation manually to your payment field.

    https://www.jotform.com/help/275-How-to-Pass-a-Calculation-to-a-Payment-Field

    However, we would not be able to use  the Payment Field feature.

    How can people order multiple colors and sizes of a product? Image 1 Screenshot 20

    We would have to manually use a field in the Form elements to create a quantity,size and color.

    Here is a sample form:https://form.jotform.com/91574099902971


    Please check it out and let us know your thoughts.



  • RedRoverPromotions
    Replied on June 7, 2019 at 12:43 PM
    Thanks for this information. I don’t have the capability of doing all this myself and will be looking to hire someone to take on the project. BUT, I have a 10:30 PDT meeting with them this morning, so, wanted to at least ask you these questions…
    This would mean that people could not choose more than one of each item, right?
    They could only choose one from each product (could not choose 4 polos, one red, one green, etc,, correct?)
    Also, we could not do the option of credit card of purchase order payment.
    If I’m reading it correctly, lots of the subproduct options you had helped me impletment would be lost, correct?
    The requirements of the client are:
    Choice of credit card or payroll deduction
    Choice of color of garments, size of garment and as many as they want to buy in whatever sizes they want.
    Ability to add coupon code
    Would these things be possible with the workaround you suggest?
    Laura Martin
    425.478.5354
    [WESTONGRAPHICS_RedRov#trythis]
    For the latest
    Red Rover-ings:
    [cid:image006.png@01D35C91.DE617AA0]
    [cid:image010.png@01D35C91.DE617AA0]
    ...
  • Richie JotForm Support
    Replied on June 7, 2019 at 1:12 PM

    This would mean that people could not choose more than one of each item, right?

    You may use the multiple Choice field so that your users can select multiple items.

    They could only choose one from each product (could not choose 4 polos, one red, one green, etc,, correct?)

    It is possible to let your form users select one product each. However, you would need to create multiple fields.

    You can use the Inventory widget to get quantity of each product.

    How can people order multiple colors and sizes of a product? Image 1 Screenshot 30

    Also, we could not do the option of credit card of purchase order payment.

    You can still use the Credit card option when manually passing the calculation to your payment integration.

    How can people order multiple colors and sizes of a product? Image 2 Screenshot 41

    If I’m reading it correctly, lots of the subproduct options you had helped me impletment would be lost, correct?

    All the products will be removed when you implement to go manual(User defined amount).

    Your clients requirements can be achieved but it would require more fields and a number of form field calculations.

    For the coupon code, we can use conditions.

    Guide:https://www.jotform.com/help/268-How-to-Insert-Text-or-Calculation-into-a-Field-Using-Conditional-Logic

    Hope this information helps.

    If you have further questions, let us know.

  • RedRoverPromotions
    Replied on June 7, 2019 at 1:43 PM
    Could they also choose a size for each garment?
    Blue polo, 4 of them, 1 size small, 2 size medium, 1 size large?
    Can anyone there be hired to implement all these changes?
    Laura Martin
    425.478.5354
    [WESTONGRAPHICS_RedRov#trythis]
    For the latest
    Red Rover-ings:
    [cid:image006.png@01D35C91.DE617AA0]
    [cid:image010.png@01D35C91.DE617AA0]
    ...
  • Kiran Support Team Lead
    Replied on June 7, 2019 at 1:53 PM

    Could they also choose a size for each garment? Blue polo, 4 of them, 1 size small, 2 size medium, 1 size large?

    I believe that you are referring to the Inventory widget selection. If so, you may setup different Inventory widgets based on sizes as well. Unfortunately, it is not possible to add any additional options to the widget.

    Can anyone there be hired to implement all these changes?

    We are sorry that we are not offering custom form service at the moment. You may consider hiring one from a freelancing website such as Upwork, etc.