Introduction
  • Dark
    Light

Introduction

  • Dark
    Light

The following series of articles is meant to add an additional layer of complexity to the previous walkthrough. As mentioned in the high-level overview, it's best to think of all of these steps as means to a particular end, but the sequence itself does not imply strict adherence. For example, it is completely acceptable to execute Step 4 prior to Step 3. The end result would be the same.

As opposed to the previous sequence which covers the build of a simple box configurator, this walkthrough may venture into slightly more esoteric territory with regard to 3D concepts. If this is out of your comfort zone, it is worth taking a few moments to read through some 3D Basics.

Below is the configurator we will build in this walkthrough:

window.threekitPlayer({ authToken: "c2135b28-a743-435d-b458-ab8940c8ec22", el: document.getElementById("threeplayerdiv"), assetId:"d8d2c774-0482-49ec-a209-89f0c982408d", showConfigurator: true})

The configuration requirements are as follows:

  • User has the ability to select from two rim styles
  • User has the ability to choose from 4 possible metal finishes for the rim

Objectives of this Walkthrough

For the first time, a real product will be used! Albeit, a very simple product. The main objectives for this walkthrough are as follows:

  • Understand the use of Part Reference Item Attributes
  • Understand how tags are leveraged within Part Reference Item Attributes to ease management of configuration experiences.
  • Understand how Visual Attributes are leveraged within Visual Rules to support configurable Catalog Items.
Was This Article Helpful?