Description

Models with customize groups can be customized using the cg-<group> parameters.

Customize group

A model can have multiple customize groups. The cg-<group> parameter can be used to define the default customize option of a customize group of your model.

ParameterSupported valuesDefault value
cg-<group>The possible values are depending on your model. All values are lowercase alpha-numeric.Set in CMS

Cg-<group> example

<iframe
    src="https://vulp.studio/foxmountain/moped/en-US?cg-bar-seat=bar-seat-large&customize-button=1"
    allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
    referrerpolicy="no-referrer-when-downgrade"
    width="600"
    height="510"
    frameBorder="0"
    title="Moped - vulp.studio"
></iframe>

Customize options presentation

Using the customize-options parameter you can control how customize groups are presented to users when they interact with customize hotspots.

ParameterSupported valuesDefault value
customize-optionsmenu and click-throughSet in CMS
  • menu: Shows a clickable menu with all available options when the customize hotspot is clicked. Users can see and select any option directly from the menu.
  • click-through: Cycles through options sequentially on each click of the customize hotspot.

Using menu mode you can open a menu displaying all available options when clicking a customize hotspot.

<iframe
    src="https://vulp.studio/foxmountain/moped/en-US?customize-options=menu&hotspots=1&customize-button=1"
    allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
    referrerpolicy="no-referrer-when-downgrade"
    width="600"
    height="510"
    frameBorder="0"
    title="Moped - vulp.studio"
></iframe>

Click-through mode example

Using click-through mode you can cycle through options sequentially when clicking a customize hotspot.

<iframe
    src="https://vulp.studio/foxmountain/moped/en-US?customize-options=click-through&hotspots=1&customize-button=1"
    allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
    referrerpolicy="no-referrer-when-downgrade"
    width="600"
    height="510"
    frameBorder="0"
    title="Moped - vulp.studio"
></iframe>