Create custom ordering form based on database

Hi all,

I would like to make a form based on products in a database. These products are fruits and vegetables. They have attributes like: category, family, product name, availability, special. So for example: fruits, apples, Pink Lady, available, now special. Each product should have its own “block” which contains the name, a textbox to type the quantity (it should be a textbox) and a checkbox. (so no picture is required). The “now special” products should be placed on top and these switch around quite a lot.

The idea is that the customers use the checkboxes to select the products they want, can review it in a basket, confirm their order, choose a desired delivery date and address and receive an email about that order. Note that no prices are provided in advance and no payment is needed.

My initial plan was to use Javascript to create a class which creates the “block” described above and then let the code create the page (without using the editor and having to do everything manually such as adding everything and changing the entire order when products are added or removed). However, I have found that it is not possible to add elements using velo.

What would be your recommended approach to create the above? I have programming experience but am quite new to Velo. So my second guess would be using the webshop fuction and modify it using velo?

Thanks in advance! I would greatly appreciate any feedback.

Cheers,
Mathieu

If you have already some programming-experience, let it be - - > HTML, CSS + standard-JS, then you maybe want to use the HTML-Component (iFrame), or even much more you want to work with - - > “CUSTOM-ELEMENTS”

When working with PRODUCTS - → DO YOU USE WIX-OUT OF THE BOX APPS???

Like - - → Wix-Stores? - - > Wix-Stores does not fit your needs?

Do you maybe want to show an example-pic of what exactly you are talking about, giving us within a screenshot a better imagination?

Thank you for your reply!

I checked out some of the box solutions, however they don’t seem very flexible and easily adaptable for my purpose. The layout seems quite fixed with Wix-Stores, or can this be easily changed?

If none of the out of the box solutions are easily adaptable for my purpose, I will go ahead and create HTML, CSS, JS files.

Also, I have added a picture to the original question! I hope it clarifies.

I think it even would be possible to generate your wished function by using a REPEATER .

A REPEATER is the most used element in WIX/VELO.
Work with REPEATERS in combination with CHECKBOXES / CHECKBOX-GROUPS (nested checkboxes) inside of repeater, nested inputs inside of repeater.

Alrready worked with - - > REPEATERS?
https://www.wix.com/velo/reference/$w/repeater/introduction

Great thank you! I have not worked with repeaters but I will check it out!