Product Configurator Using JSON and JS


The functionality of the simple Javascript configurator was extended to utilize JSON for data loading into the configurator. This way more information besides the image and swatch paths can be included.

Additionally the configurator allows for only certain swatches to be available based on the selections of the first row of options. The configurator also makes sure that all of the positions are available.

Another option for a third piece of hardware was also included which can be toggled on or off and the color of that hardware is selected based on the hardware chosen.

This configurator is much more complex than the original cycling configurator.

View it working here

You may also like...