mercredi 26 juillet 2017

Building a product customizer app? Like dominos pizza builder

I'm sure many of you are familiar with the Dominos Pizza Builder app. You select the type of cheese, crust, size, toppings, etc. and the "product" or pizza image updates as you make choices.

My place of employment wants to build something similar, but with table set ups. Essentially, a client would be able to visit our website and build their table set up by selecting the types of the tablecloth, chairs, plates, chargers, bouquets, etc.

As clients make selections, they'd like it to update the table setup image or "product" image, real time.

I'm in the process of learning JS right now and am imagining I could do this with variables for the selections and functions? Sorry, my JS is pretty bad right now.

For someone selecting a gold tablecloth, I might do something like this?

var clothColor = ['Blue', 'Red', 'Gold'];
var color = [2];

function clothColor () {

}

I'm not exactly what to put in my function, or how to make their selection appear as a live image. I'm currently doing some javascript basic courses and as I advance through it over the next couple of weeks will probably have an easier time with this. I just want to be put in the right direction.




Aucun commentaire:

Enregistrer un commentaire