Skip to main content

cylindo-360-frame

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

Related example

Attributes

frame

The frame of the viewer to render.

Default valueOptions
11-32

smart-crop

smart-crop crops the image to contain only pixels with color. This removes any white space around the product.

Default valueOptions
truetrue, false

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 frame 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