This example shows a much more robust example of a product configurator, using a window as the target product. The configurable options on a window are many and I chose to limit the choices to Interior Color, Exterior Color, Hardware Finish, Exterior Trim, Grille Design, Grille Profile, Glass Type, and then I added a button that allows an animation of the product opening and closing to be played. With my background in 3D design and my experience with basic coding, it was a pretty seamless process to get this up and running.
This example shows visualizes what various profiles of moulding look like and gives some color customization options as well. In the case of moulding, sometimes its hard to visualize what a particular profile will look like, especially when it runs perpendicular to an existing piece. This product configurator shows inner and outer 90 degree angles, as well as a cut-off end to see what the profile looks like and how it matches up to the thumbnail icons on the product profile. Any number of options could be applied to this example and the fully functional product configurator can be embedded into any web page. It works great on both PC and mobile devices.