Skip to main content

cylindo-360

The <cylindo-360> is used to embed a 360 viewer into your <cylindo-viewer>.

Related example

Attributes​

frame​

The start frame of the viewer.

Default valueOptions
11-32

frames​

Valid frames. You can limit the user's interaction with the viewer by only allowing them to view certain frames.

Default valueOptions
[1,2,3...32][number]

interaction-prompt​

Whether to show the interaction prompt. The interaction prompt is a small animation that shows the user how to interact with the viewer.

Default valueOptions
"auto""auto", "none"

remove-environment-shadow​

Whether the 360 viewer has a shadow.

Default valueOptions
falsetrue, false

on-demand-render​

Enables on demand render (ODR) mode for the 360 viewer item. This is used for products that are rendered on demand.

Default valueOptions
falsetrue, false
info

In ODR mode, the standard linear progress bar is replaced with a circular loader. You can customize its appearance using the --spinner-size and --spinner-color CSS custom properties. This also disables the zoom functionality and the zoom buttons, as the zoom functionality is not supported in ODR mode for 360 frame items.

Related example

alt​

Alternative text for the viewer. This is used by screen readers.

Default valueOptions
""string