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.

Implementation

Available parameters

Code

Demo

🤓NOTE: Please do not modify the Demo, this is a visual aid.

🤓
NOTE: Please do not modify the Demo, this is a visual aid.