Order Form: How do I add multiple or fields to one row?

I'm trying to create a single row for an order form that has the image of a product, it's price, the name, and a quantity box for the user to fill. How do I get these elements in one row and so I can duplicate that row for many products. Everytime I add a field elements, it takes it's own line. 

Also I'm not seeing the new user interface shown in your videos. I still see the old ones. I only signed up yesterday. I have cleared my cache and have added &test to the url as suggested by your support team, but still no joy.

Thank you for contacting us.

You might consider trying a Purchase Order tool from Payment Fields. It does support product images, quantities, and also automatically calculates the total.

More information on using the payment tools:

Setting Up Your First Order Form

How to Add Options to Payment Forms

To switch between our old and new interfaces use the next links.

Old UI:

https://www.jotform.com/?old

New UI:

https://www.jotform.com/?test

If you need any further assistance, please let us know.

Thanks. I wanted to add another text field in the product order row to show 'Item Description' of each item. Using the Purchase Order tool does not allow me to do that. So I go back to my original question which is:

"How do I get these elements in one row and so I can duplicate that row for many products. Everytime I add a field elements, it takes it's own line?"

I've seen it being done on some template forms like this:

Also the new UI still does not show up using the "test" extension. Please see screenshot below:

You can align fields side by side by shrinking them. Guide: https://www.jotform.com/help/90-Field-Positioning. 

If you want to duplicate multiple fields at once, you can do it on the "Manage Multiple Fields" wizard. To open it, just right click any of the field then select Manage Multiple Fields.

Example:

With regards to the New UI question, we will answer it here https://www.jotform.com/answers/900283