Examples → Click to Reveal (Legacy)

Instructions

Require the widget script

        <script src="//widget.stylitics.com/v2/widget.js"></script>
        

Set configuration options and initialize the widget once your target div is on the page.

        
var opts = {
  api: {
    total: 3,
    item_number: '426088032',
  },
  display: {
    cols: 2,
    clickToReveal: true, //default false
    mobileArrows: true, // irrelvant to specific example, just noting option
    mobileArrowsOverImage: true //default false
    paginationAsRatio: true, //default false
    ctaText: "Shop This", //default "SHOP THIS LOOK"; ignored if clickToReveal != true
  },
}