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

NameTypeDefaultDescription
framenumber32Initial frame to render.
framesnumber[][1,2,3...32]Range of frames to render.
interaction-promptauto, noneautoControls when the interaction prompt is shown.
remove-environment-shadowbooleanfalseRemoves 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.