Quick View→ Widget + Modal

Instructions

The .onOutfitClick method can be used to implement a quick view during the configuration of the widget.

In the example above we have set up a quick view using our mix & match modal.

Highlighted bellow is the .onOutfitClick code, which is found in the opts variable for outfits widget settings.

        
//outfits widget settings
var opts = {
  api: {
    total: 3,
    with_item_coords: true,
    item_number: '389998022',
  },
  display: {
    carouselWrap: false,
    cols: 3,
    mobileArrows: true
  },
  
  onOutfitClick: function(outfit){
    //Place your Quick View Handler here
    //no-op -- to be overwritten -- but must be present
    return true
  }

}


var styliticsWidget1 = new StyliticsWidget("demo", "target1", opts)


styliticsWidget1.load();