How to connect Styles & Ideas to your product view in e-commerce

The style list view in the examples of Styles & Ideas are auto generated as long as you provide domain, product ID and the style list key in an iFrame. It should be listed in the related product view in your app.

The source of the above iframe is in the following format:

https://www.dresseye.com/tw/?s=styles&d={Domain}&pid={Product ID}&k={Style List Key}

where

{Domain} should be replaced by your server domain.

{Product ID} should be replaced by your product ID or the unique string in the product URL.

{Style List Key} should be replaced by your Style List Key from Dresseye apps or website. How to get your Style List Key?

To auto resize and customize, add the following javascript to your product view.

The default view is a slider show, type="slider" in the script. It also supports the scrollable list, change type="list" and set scrollHeight as height needed.

iframe height and width auto generated by default. To change iframe width, specify iframeWidth.