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.
ParameterSupported valuesDefault value
colorThe possible values are depending on your model. All values are lowercase alpha-numeric.Set in CMS
color-<group>The possible values are depending on your model. All values are lowercase alpha-numeric.Set in CMS

Color example 

  <iframe
      src="https://vulp.studio/foxmountain/cup2/en-US?color=yellow"
      allow="xr-spatial-tracking; fullscreen; web-share"
      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; web-share"
      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.

ParameterSupported valuesDefault value
shadow-intensityA value between 0.0 and 10.0Set in CMS

Example 

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