Style Hub
    • 1 Minute to read
    • Dark
      Light

    Style Hub

    • Dark
      Light

    Article summary

    The Style Hub is a Dressipi-hosted application that presents the user with a style quiz and then recommendations enhanced by their quiz answers. In addition to the quiz, the hub contains a style feed, a combination of editorially themed content personalized for each user, outfits by occasion, and recommended outfits and similar items for a user's previous purchases.

    The hub is a Dressipi widget embedded in an iframe on a page on your website.

    Dressipi.js provides a function for adding the hub to a page. Both the SDK and the hub itself load asynchronously.

    When initializing the hub, the SDK configures and inserts an invisible iframe into the page at the requested location. When the content has loaded, the iframe reveals itself. You can optionally specify a callback that is invoked once the hub loading has been completed (whether or not the load was successful).

    You'll need to use the bundle of the SDK that includes the hub.

    Please see the Dressipi.js docs to ensure you're loading the correct version.

    Example

    Dressipi("hub", "init", document.querySelector("#dressipi-style-hub"), {
      onLoad: () => {}
    });

    Name

    Description

    Notes

    onLoad

    A function that is called when loading is complete

    Optional. This is called when the hub is ready. It is called whether or not content is shown.


    FAQ

    Does the hub work on responsive pages?

    Yes. The hub will set and update its height in response to changes to its own width, so should not be constrained by any other fixed height element. The width of the hub iframe will always be 100% and can be constrained by the parent of the DOM element into which the hub is rendered.


    Was this article helpful?

    ESC

    AI Assistant, facilitating knowledge discovery through conversational intelligence