FSI Showcase - Samples

Description page - GitHub - StackBlitz

24.03.19

To test the examples with your own FSI-Server, please first adjust the env.yml file in the base directory of this project and start this demo again.

          
      fsi.server: https://fsi-github.neptunelabs.com
      fsi.context: fsi
      fsi.viewer: viewer
      sources.images: images/samples
      sources.statics: assets/samples

env.yml

Product Detail Page (PDP Vertical)

Shows how a horizontal Showcase can be used with color variants.

Horizontal showcase
With FSI ThumbBar
Color Variants

Show Demo Read explanation

bootstrap

Point Of Interest (POI)

Shows how a product detail page with 360° images and points of interest used looks.

Vertical showcase
With FSI ThumbBar
Points Of Interest

Show Demo Read explanation

bootstrap

Product Detail Page (PDP)

This sample shows how a simple showcase embedded in a product page looks.

Horizontal showcase
With FSI ThumbBar
Point Of Interest
Labels

Show Demo Read explanation

bootstrap

JavaScript API

Learn how to use the JavaScript ThumbBar API with a simple demo.

Horizontal showcase
With FSI ThumbBar and FSI Viewer assigned
Modal

Show Demo Read explanation

bootstrap

React

Shows how FSI components can be implemented in React.

Sample component containing Showcase made out of FSI Viewer and FSI ThumbBar
FSI Component

Show Demo Read explanation

react

Starter

Start your own demo

Show Demo Read explanation

vanilla

Imprint - Data Privacy Policy

Powered by