Product Configurator Using JSON and JS

by John H
~1 minute
json-configurator-md

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

Related Articles

Product Configurator using Javascript

This basic configuration allows for two arrays of images to be overlaid on each other and use...

John H John H
~1 minute

Rental Property Company Lexington

Designed and developed a rental property website for a local rental company in Lexington KY. The...

John H John H
~1 minute

Personal URL Marketing Campaign

ACT College exam marketing campaign for graduating High School students. Created 22,000 web...

John H John H
~1 minute