FitLive Developer Documentation

Quick start

User guides

Integration

First, install between <head> the FitLive Javascript library using your CustomerID :
<script src="http://fitlive.youarethemodel.com/js/CustomerID/FitLive.js"></script>
* Refer to FittingBox Team to know your CustomerID, otherwise you can use demo for your tests.
Place a <div> tag identified by a uniq id into the <body> :
<div id="myFitLive"></div>
Then, call Fb.FitLive.GetInstance method to set your FitLive into #myFitlive HTML element :
<script type="text/javascript">
    window.onload = function()
    {
        FitLive = Fb.FitLive.GetInstance(
            {
                FitLive:
                {
                    container: '#myFitLive'
                }
            }
        );
    }
</script>

Set frame

SetFrame method is used in order to set the frame to try on.
<input type="button" value="Try On" onclick="FitLive.SetFrame('FrameID')" />
or
<input type="button" value="Try On" id="TryOnButton" rel="FrameID" />
<script type="text/javascript">
    window.onload = function()
    {
        var TryButton = document.getElementById('TryOnButton');
        
        TryButton.onclick = function()
        {
            var FrameID = this.getAttribute('rel');
            FitLive.SetFrame(FrameID);
        }
    }
</script>
* Refer to FittingBox Team to know the list of FrameID you got, otherwise you can use 0000134001339683265 for your tests.

Examples