Magento Attribute Creation and Matching

This document outlines using a plugin to connect the Threekit configurator embed with a Magento backend admin.

Step 1 - Setup Threekit Platform Configurator with Attributes and Embed It

Create a Threekit configurator with appropriate attributes. For this tutorial, we will be using the example shown below. 

Use the Magento plugin (Download available at: https://github.com/Threekit/magento-plugin/tree/attributes-matching) to embed the configurator. 

Step 2 - Define Attributes on Magento Backend Admin

Within Magento, open the admin panel and go to “Catalog” to see the list of “Products”.

Go to Customizable Options expandable section under your Product view and add as many attributes as you want in accordance with your Threekit configurator. Please be aware that attributes are case-sensitive and must be matched exactly.

Below is the example of adding Finish Attributes for the threekit configurator from above.

The backend options are now connected to the configurator on the frontend.

You can confirm by going to the frontend and seeing your option selector being connected to the Threekit player, as well as by checking configurator.getConfiguration in the console.