How to set up customizable products

  • KerrPTO
    Asked on September 11, 2017 at 11:31 PM

    We are doing a t-shirt fundraiser.....  I need to set up the products with the following variables sleeve length, fabric, color, and sizes (something like 18 sizes available)...

    The price is dependent on material and sleeve length. So I set it up as 4 products--short sleeve cotton, long sleeve cotton, short sleeve athletic, long sleeve athletic....

     I need to set it up so that a quantity can be selected (I added a quantity which is working fine for the total), but then each item purchased needs to have a separate color and size selected and I'm not sure the best way to do that.  

    I have a "workable" solution going at the moment, but I don't think it's ideal and think there has to be a better way.  So if someone choses 4 cotton short sleeve shirts...I need them to be able to select the color and size for each separately.  And sizes 2x and up are an additional cost....not sure the best way to do that. 

     

    Thanks! 

     

     

  • Ashwin JotForm Support
    Replied on September 12, 2017 at 1:26 AM

    I did check your form and found that you have added options in your payment tool product to allow users to select size & color of all shirts. That's one of the way to display it within the payment tool which is the easiest options to achieve.

    Alternatively, you can manually add regular form fields / matrix fields or "Configurable list widget to show the color & size options to users. You can display these fields based on the quantity selection of payment tool by taking advantage of our "Conditions" feature. Please take a look at the following cloned form and see if this is acceptable solution:  https://form.jotformpro.com/72540690367965

    The products options will be displayed at the bottom of the form but we can try to place them below the products by injecting custom css code. Do get back to us if this is something close to your requirement and we will try to help you with custom css code.

    We will wait for your response.

  • KerrPTO
    Replied on September 15, 2017 at 12:30 AM

    Appreciate the response! The cloned form is nice....is there a way for only the number of additional fields that pop up match the quantity chosen--so if you select 2 shirts, only 2 customizing options come up? Also both options say color (when one is size).

    And is there a way for when people select the 2xl and larger for it to automatically add the $2 per shirt those sizes?

     

    thanks! 

  • BJoanna
    Replied on September 15, 2017 at 3:32 AM

    Is there a way for only the number of additional fields that pop up match the quantity chosen--so if you select 2 shirts, only 2 customizing options come up? 

    This is possible, but you will have to add more fields and conditions to your form. One field for each quantity option of the product. You will also have to set one condition for each quantity option.

    Here is my demo form for the first product: https://form.jotformpro.com/72571352066960 

    Feel free to clone it and inspect it. 

    Also both options say color (when one is size).

    You can change the label of the second option.

    How to set up customizable products Image 1 Screenshot 20

    How to Set Up the Configurable List Widget

    And is there a way for when people select the 2xl and larger for it to automatically add the $2 per shirt those sizes?

    Unfortunately, this is not possible. To achieve this you will have to re-create your form and set all products outside of the payment field using basic field and then you will have to perform a calculation inside of the form and pass that calculation to the payment field. 

    How to Perform Form Calculation Using a Widget

    How to Pass a Calculation to a Payment Field

    Let us know if you need further assistance.