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.
Implementation
Available parameters
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 |
Code
<!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
Demo
NOTE: Please do not modify the Demo, this is a visual aid.
Updated 4 days ago