Exemplis Configurator

How To Install

npm install exemplis-customizer

Paramaters

platform (required)

Type: string Default: ""

This is the platform that the customizer will be ran in. The two options are shopify or aem.

apiRootUrl (required)

Type: string Default: ""

This is the base api url. e.g. "https://devcustom.timbuk2.com"

accountId (required)

Type: string Default: ""

This is the indentifier that the api uses to differentiate between brands. e.g. "timbuk2"

productId (required)

Type: string Default: ""

This is the product indentifier. e.g. "classicmessenger-bundle"

containerId

Type: string Default: "root"

This is the id of the DOM element that the configurator will get injected into. e.g. "root"

threeD

Type: boolean Default: false

If set to true, this will create a 3D experience within the cylindo viewer.

expandedOptions

Type: boolean Default: false

If set to true, this will expand all of the product option accordions.

accentColor1

Type: string Default: ""

This should be set to the main color of the site.

accentColor2

Type: string Default: ""

This can be a lighter version of the main color of the site.

Example Initialization

import  ExemplisCustomizer  from  'exemplis-customizer';

const customizer = new ExemplisCustomizer({
	platform: 'shopify',
	apiRootUrl:  'https://devcustom.timbuk2.com',
	accountId:  'timbuk2',
	productId:  'classicmessenger-bundle',
	containerId:  'root',
	threeD:  false,
	expandedOptions:  false,
	accentColor1:  '#2D3142',
	accentColor2:  '#4F5D75'
});

customizer.init();

!IMPORTANT!

If your website has a sticky header, please give the sticky header the class of js-customizer-sticky-header. e.g. <header id="header" class="header js-customizer-sticky-header">