FSI Viewer 360° - 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/viewer-360
      sources.statics: assets/samples/viewer-360

env.yml

Product Detail Page (PDP)

Shows how a product detail page with 360° images used looks.

JS built 360° Zoom Viewer
Custom Skin
Product 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.

JS built 360° Zoom Viewer
Points Of Interest
Thumbnail Labels

Show Demo Read explanation

bootstrap

Multi-Axis & Hotspots

Shows how a product detail page with 360° images, multiple axis and hotspots used looks.

JS built 360° Zoom Viewer
Multi-Axis Spin
Hotspots

Show Demo Read explanation

bootstrap

React Test

Shows how FSI components can be implemented in React.

Sample component containing FSI Viewer 360
FSI Component

Show Demo Read explanation

react

JavaScript API

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

JS built FSI Viewer
JS API Demonstration

Show Demo Read explanation

bootstrap

Starter

Start your own demo

Show Demo Read explanation

vanilla

Imprint - Data Privacy Policy

Powered by