Model style

Set the default color of your model and style its shadow.

Description

The model can be styled in two ways:

  1. Using the color or color-<group> parameter you can define the default color of your model.
  2. Using the shadow-intensity parameter you can define the appearance of the shadow of your model.

Color

To color a virtual product you have two options:

  1. For single color changes the color parameter can be used to define the default color of your model.
  2. For multiple color changes the color-<group> parameter can be used to define the default color of a part of your model.

Values

Default value

The color groups are defined in the Content Management System (CMS). Per color group a default color is defined.

Possible values

The possible values are depending on your model. All values are lowercase alpha-numeric.

Color example 

  <iframe
      src="https://vulp.studio/foxmountain/cup2/en-US?color=yellow"
      allow="xr-spatial-tracking; fullscreen"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Cup2 - vulp.studio"
  ></iframe>

Color-<group> example 

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?color-body=green"
      allow="xr-spatial-tracking; fullscreen"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>

Shadow intensity

Using the shadow-intensity parameter you can define the appearance of the shadow of your model.

Values

Default value

The default value is set in the Content Management System (CMS).

Possible values

A value between 0.0 and 10.0 representing the intensity of the shadow. 0 disables the shadow.

Example 

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?shadow-intensity=3.0"
      allow="xr-spatial-tracking; fullscreen"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>
← Attributes
Viewer style →