Steps Pick and Collect
Below we have a screenshot of what the feature looks like:

Implementation
Available parameters
Parameter Lib | Parameter Web | Description |
---|---|---|
steps.confirmed.title | stepConfirmed | String which will be used as display name during the Confirmed order step |
steps.confirmed.icon | stepConfirmedIcon | Parameter used to change the icon of the Confirmed step |
steps.picking.title | stepPicking | String which will be used as display name during the Picking order step |
steps.picking.icon | stepPickingIcon | Parameter used to change the icon of the Picking step |
steps.readyToPickup.title | stepReadyToPickup | String which will be used as display name during the Ready To Pickup order step |
steps.readytopickup.icon | stepReadyToPickupIcon | Parameter used to change the icon of the Ready to Pickup step |
steps.pickedUp.title | stepPickedUp | String which will be used as display name during the Picked Up order step |
steps.pickedUp.icon | stepPickedUpIcon | Parameter used to change the icon of the Picked up step |
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/step.js"></script>
<script>
const params = {
job: "myJob",
token: "myToken",
container: "#instaleap-lsw-v3",
steps: {
confirmed: {
title: 'Text',
icon: 'Icon url'
},
picking: {
title: 'Text',
icon: 'Icon url'
},
readytoPickup: {
title: 'Text',
icon: 'Icon url'
},
pickedUp: {
title: 'Text',
icon: 'Icon url'
}
},
}
window.instaleap.steps.render(params)
</script>
</html>
https://xandar-lsw-v3.instaleap.io/steps?job=myJoB&token=myToken&stepConfirmed=text&stepConfirmedIcon=iconUrl&stepPicking=text&stepPickingIcon=iconUrl&stepReadyToPickup=Text&stepReadyToPickupIcon=iconUrl&stepPickedUp=text&stepPickedUpIcon=iconUrl
Demo
NOTE: Please do not modify the Demo, this is a visual aid.
Updated 10 days ago