I am attempting to create a site for taking orders for various custom built products.
Let's say I need the customer to select different aspects of the build. Based on what they select I want them to see the total price AND price per square foot on their screen.
For example, lets say it was carpeting:
I would need them to tell me how many sqft they need covered:
I figured a text box for them to input this in would suffice. (ex., "How many sqft do you have?")
I need them to select custom options. (These will be radio buttons). The prices are listed in sqft.
1) Color A (+$1/sqft)
2) Color B (+$2/sqft)
3) Color C (+$3/sqft)
1) Fabric A (+$5/sqft)
1) Fabric B (+$6/sqft)
I also want an image (or text, doesn't matter) that reflects the total accumulated price to change, real-time, every time something is selected. They should be able to have a running total in view at all times, and ideally it will scroll with the page. I would like this to be in price per sqft AND total price. Displayed similar to: "Total Price: $75/sqft ; $15,000"
(I am also open to it being displayed when a submit button is pressed, as opposed to real time IF it makes the coding significantly easier)
A great example would be https://www.ibuypower.com/Store/Intel-X299-Core-i7-Daily-Special
where you are building a computer and the price is updated in the lower left corner as you make your selections.
(I do not need the radio buttons to adjust like it does on that website)
I need to have a "base price" ($30/sqft) that all of the extra selections are added to. (So, it starts at $30/sqft and then all the selections on the page get added to $30/sqft)
Now, I don't expect anyone to build this for me lol, I just need someone experienced to point me in the right direction of what suggested path I should take.
Should I be getting the values from the buttons selected, sending the data to a database, and creating the ever changing 'total price' from the aforementioned database? This is the logic I have been going on but I am unsure if it's the most efficient path. I don't even know if coding is actually required or if maybe there is an app that makes this simple?
For reference, I am somewhat technically savvy, but not a coder by any means. I spent the last 2 hours trying to research what to do and figured asking for a head start would help me immensely.
Thank you for reading this and thanks in advance to anyone taking the time to help me out!