Skip to main content

360°

Cylindo products are rendered in 360° in 32 frames. The <cylindo-360> lets you display the 360° view of a product.

Result

Loading...

Live Editor

<cylindo-viewer customer-id="5098" code="ARMCHAIR-PDP">
  <cylindo-360
    frame="5"
    interaction-prompt="auto"
    remove-environment-shadow="false"
  ></cylindo-360>
</cylindo-viewer>

Props

Name	Type	Default	Description
`frame`	`number`	`32`	Initial frame to render.
`frames`	`number[]`	`[1,2,3...32]`	Range of frames to render.
`interaction-prompt`	`auto`, `none`	`auto`	Controls when the interaction prompt is shown.
`remove-environment-shadow`	`boolean`	`false`	Removes the shadows cast from the environment.

note

Noticed that a <cylindo-viewer> without any configuration displays a 360° viewer. The default configuration of a viewer is to display a 360° view when nothing else is defined.

Props