How to add Product Option in Product List Widget?

Hi , Can You please help Me resolve my Problem, the topic of discussion about this form - https://form.jotform.com/241013722061440

1) My problem in the beginning - *Premium T-Shirt Oversize*

I wanna to build сozy table that the client can choose different sizes and different colors

What i Mean , For example:

My Client ordered S - 11 pieces- Black Color

S - 11 pieces - White Color

M - 11 pieces Black Color

L - 5 pieces White Color

I am not succeed arrange it in the right method according to your rules and settings

I can't put the the different colors in the same sizes

What Can You Recommend Me?

How can i make an order in the right way ?

Hi purplebeard777,

Thanks for reaching out to Jotform Support. We can achieve that by adding Product Options in your Product List widget. Let me show you how to set that up:

First, we need to add the Product List Widget:

1. In Form Builder, click on the Add Form Element button.
2. From Form Elements, Basic tab, select or drag and drop the Product List widget to add it to your form.

Now we can customize the Product List and add Product option:

1. Click the Cart icon from your Product List widget.
2. Hover to a product and click the pencil icon to edit.
3. Change the Product Name, Price and image from the Basic Tab and click Save to save any changes made.
4. Now, navigate to Options Tab to add product options.
5. You will see the Quantity Option by default, and you can edit this to set the product's maximum quantity per order by clicking the pencil icon.
6. Click Save Quantity button to save the changes.
7. Add another option by clicking +Add button in Add a Product Option field.
8. You can select preset options by clicking the dropdown in Populate Options from Presets. For this example, I selected the Size preset and deleted some options.
9. Next, Enable the Create Sub Products from Options to show each option in the product list.
10. You can then add another option for Color.

After setting this up for the first product, you can then duplicate it to copy all the options made from the first one:

1. Click the Cart icon from your Product List widget.
2. Hover to a product and click the gear icon.
3. Select Duplicate option.

Here's a screenshot of the result:

Here's the link to my sample form for you to check and see the results. Also, you can clone the form by following this guide on How to Clone an Existing Form From a URL.

Give it a try and let us know how it goes.

First of all for Your explanation I am very appreciate it, i got it, but the problem is that i can not put also S 11 units black color for example because S already closed with white color in your table
how can i choice also s - 11 pieces white color and also the same size S with the black color ? How arrange the table correctly?
Best Wishes,
Ilya

Hello Ilya,

Thanks for getting back to us. I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

We appreciate your patience and understanding.

Hello Ilya,

Thanks for patiently waiting. I've cloned and found that you have enabled the Create Sub Products from Options on the Color. I was able to show all of the available options, and the user would be able to select similar colors with different sizes by disabling the Create Sub Products from Options on the Color and enabling it on the Sizes for the Premium T-shirt Oversize. Here's the link to my demo form. Let me show you how to do it: 

• On your Form Builder, click on the Product Field, and click on the Gear Icon.
• Under Product Settings, click on Options, and then click on the Pencil Icon.
• Under Product Option, enable the Create Sub Products from Options for Sizes or Color.

Give it a try and let us know how it goes.

Thanks a lot Nelson, but I still can't choice S size for white & S for black in the same category of Oversize T-Shirt
I can only put s white for example black color for the s size already not available for Me
How to solve it?

Hello Ilya,

Thanks for getting back to us. Could you please send us a Loom Video that shows the issue? It can help us investigate further, especially since the screencast I've provided on my previous message was a cloned one from the Form URL you shared. It should have worked on your end. But since it didn't, please send us a screen recording, so we can continue investigating the issue.

Once we have a better idea of what’s going on, we’ll be able to come up with a solution.

https://www.loom.com/share/e5f3d5877c7f429c9a0af2f806f15966?sid=b0109d02-0005-4d86-804e-ff6957e8031f
How to put there S Size for the white color by category Oversize T-Shirt???

Hi Ilya,

Thanks for patiently waiting. If I understand your concern correctly, you wanted to choose the same size but different colors. However, when I checked your form, I can that you were able to achieve this. Checkout my screenshot below:

Do you still need our assistance on this? Please confirm.

Keep us updated and let us know if you need any more help.

Hi purplebeard777,

I moved your other question to a new thread and helped you with that here.

Reach out again if you have any other questions.