How can I create a Size chart that you can order directly from it?

  • Profile Image
    thumbelinaworkshop
    Asked on June 15, 2017 at 10:22 AM

    HEY!

    How can i create a Size chart that you can order directly from it? -ex fox costume in a few sizes but its the same product - the client need it 2*6-12m, 4*12-18m, 4*18-24m

    And how to build a template for further products separately ( winter costume, summer costume...)?

    https://form.jotform.me/71651263280452

     

    THANK YOU!

    Meital

     

  • Profile Image
    Nik_C
    Answered on June 15, 2017 at 12:29 PM

    I checked your form and I saw you made this:

    I made this form for another user, but it might be useful to you as well:

    https://form.jotformpro.com/71654368100957

    So I created one product from which you can choose all different sizes and calculate the total price:

    Is that what you're looking for for your form?

    Please let us know so we can assist you further.

    Thank you!

  • Profile Image
    thumbelinaworkshop
    Answered on June 15, 2017 at 02:43 PM
    Great! Thanks,Will you attach all this options to my form?Could it be in one line? I have a lot of products.I have 3 kinds of costumes and I want to separate them,Can you duplicate the products part under the picture of the lion and the fox and also under the picture of the two skunks?Thank you so much!!Meital
      
    | | Thumbelina WorkshopHandmade baby and kids casual costumesfor UNuSuAL kids www.thumbelinaworkshop.com            | + 1 646 8510130 |

    On Thursday, June 15, 2017 7:29 PM, JotForm wrote:

    New response received A new response has been received: Answered by Nik_C I checked your form and I saw you made this:I made this form for another user, but it might be useful to you as well:https://form.jotformpro.com/71654368100957So I created one product from which you can choose all different sizes andcalculate the total price:Is that what you're looking for for your form?Please let us know so we can assist you further.Thank you! View this thread on browser » Unsubscribe Thread 1497544193

    ...
  • Profile Image
    Jan
    Answered on June 15, 2017 at 04:59 PM

    I would like to explain that the demo form provided by my colleague was created using multiple fields and form calculations. Here's a screenshot:

    You can use this type of functionality if you like to. However, you need to pass the total value in the payment integration. Here's a guide on How-to-Pass-a-Calculation-to-a-Payment-Field.

    I recommend you clone the form so that you can check it on your end. Here's a guide on How-to-Clone-an-Existing-Form-from-a-URL.

    If you prefer this type of form, then we can create a custom CSS that will decrease the space in between of the sizes.

     

     

    Here's a CSS code that will decrease the width of the dropdown fields:

    [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {
       width: 40px !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes.

     

    After doing that, you can just increase the width of the form to 730px. You can do that in the Form Designer, here's a screen capture:

     

    You can easily duplicate fields by selecting them first and then by clicking the "Duplicate" option. In Windows PC, you need to hold the "CTRL" button why selecting the fields. Here's a screen capture:

    Here's the cloned form: https://form.jotformpro.com/71656201177959.

    Hope that helps. If you have any questions, let us know. Thank you.