Sub Steps Icon Pick & Collect

You can change the default "Icon" used in the order substeps by setting "icon" parameter on each step.

The "Icon" configuration are being set in the "substeps" attribute of the configuration object.

Parameters lib	Parameters web	Description
substeps.confirmed.icon	subStepConfirmedIcon	String with an URL which will be used as display icon in the Confirmed order substep
substeps.picking.icon	subStepPickingIcon	String with an URL which will be used as display icon in the Picking order substep
substeps.readyForPickup.icon	subStepPickedUpIcon	String with an URL which will be used as display icon in the Ready For Pickup order substep
substeps.pickedUp.icon	subStepReadyToPickupIcon	String with an URL which will be used as display icon in the PickedUp order substep

Usage Example

Consider the following example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/status.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        substeps: {
          received: {
            icon: 'url'
          },
          picking: {
            icon: 'url'
          },
          readyForPickup: {
            icon: 'url',
          },
          pickedUp: {
            icon: 'url',
          },
        },
    }
    window.instaleap.status.render(params)
</script>
</html>

https://xandar-lsw-v3.instaleap.io/status?job=myJob&token=myToken&subStepConfirmedIcon=url&subStepPickingIcon=url&subStepPickedUpIcon=url&subStepReadyToPickupIcon=url

Note: Not change the example.