Skip to main content

Remote config

The viewer can be configured remotely by using the remote-config attribute. This allows you to configure the viewer without having to update the code. You can access the configuration in the CMS under the Viewer Configuration tab on each of your products.

When you have created your configuration in the CMS, you can use the remote-config attribute to load a configuration by curator-code.

Result
Loading...
Live Editor
<cylindo-viewer
  customer-id="5098"
  code="WHISTLER SOFA BED"
  remote-config="k2hctc08"
>
  <img
    slot="placeholder"
    src="https://content.cylindo.com/api/v2/5098/products/WHISTLER SOFA BED/default/k2hctc08/placeholder.webp"
  />
</cylindo-viewer>

Try changing the remote-config attribute to remote-config="Viewer (02)" to load a specific existing configuration.

Remote config with local configuration​

You can combine the remote configuration with a local configuration. This allows you to load a remote configuration and then append local configuration after it.

Result
Loading...
Live Editor
<cylindo-viewer customer-id="5098" code="SALSIE FF" remote-config="k2hctc08">
  <cylindo-custom-content slot="Picture(01)">
    <img src="https://picsum.photos/id/39/1600/1200" />
  </cylindo-custom-content>
  <cylindo-custom-content slot="Picture(02)">
    <img src="https://picsum.photos/id/41/1600/1200" />
  </cylindo-custom-content>
  <img
    slot="placeholder"
    src="https://content.cylindo.com/api/v2/5098/products/SALSIE FF/default/k2hctc08/placeholder.webp"
  />
</cylindo-viewer>