trillion-widget

Trillion AR Widget

This is Trillion AR Widget that allow you to integrate Trillion SDK in your site. For more information please visit https://trillion.jewelry

Installing

Using npm:

npm install trillion-widget

Using yarn:

yarn add trillion-widget

How to use:

You need to create an empty div element for widget initialization. For example:

 <div id="trillion-widget"></div>

Then, in your js code:

import {TrillionWidgetApp} from "trillion-widget"

const elem = document.getElementById('trillion-widget')
const trillionWidget = new TrillionWidgetApp()
trillionViewer.init(elem)
trillionWidget.setJewelryID('demo-pendant-ar')
trillionWidget.setJewelryType('necklace')
trillionWidget.refresh()

For typescript:

const elem = document.getElementById('trillion-widget') as HTMLElement

Instance methods

trillionViewer#init() - Create widget on the provided HTML element

twa#refresh() - reload widget after changing parameters

twa#setJewelryID(sku) - Set the id(SKU) of the jewelry to load

twa#getJewelryID() - Get the id(SKU) of the uploaded jewelry

twa#setIsVisible(isVisible) - Set widget visible

twa#getIsVisible() - Get widget visible

twa#setJewelryType(type) - Set the jewelry type (earrings, ring, necklace) to load

twa#getJewelryType() - Get the uploaded jewelry type

twa#setUsePerformanceCheck(use) - use performance check

twa#getUsePerformanceCheck() - use performance check

Using CDN to get Trillion Widget

use this pattern: unpkg.com/:package@:version/:file

For example:

import {TrillionWidgetApp} from "https://unpkg.com/trillion-widget@0.2.17/build-lib/trillion-widget.js"