@aurigma/ui-framework/docs/widgets/canvas-commands/set-remote-mockup.md

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

Command: setRemoteMockup
========================

Like [**changeMockup**](change-mockup.md), it replaces the mockup image in the editor. However, instead of a path on Customer's Canvas backend, you should pass a URL to the image you want to insert. It is extremely useful when the mockup image is _generated_.  

_**Important!** This method will work if in the [**initial** command](initial.md) you already specified a mockup (as a regular image, not a PSD file!)._

## Params

- `surfaceIndex` - which surface to modify. If omitted, the currently visible surface is modified.
- `mockup` - `up` | `down` - which mockup should be updated.
- `url` - a URL to the image to use as a mockup.

## Example

``` js
{
    "type": "ajax",
    "name": "mockup-recolor",
    "params": {
        ...
    }
},
{
    "type": "canvas", 
    "name": "editor",
    "params": {
        "initial": { ... }, 
         "setRemoteMockup": [{
            "surfaceIndex": 0,
            "mockup": "down",
            "url": "{{ $['mockup-recolor'].response || '' }}"
           }]
     }
}
```