Steps Pick and Delivery

📘
Params Encoding
In library mode, the configuration is set in the "steps ” attribute.
In web mode, you can change the default “Title” used in the order steps by configuring them through the URL parameter in each step
Remember that we require to comply with (UTF-8) encoding when sending query params. so that if your custom name string has whitespace, you should replace it with the symbol "%20".
ie: "stepConfirmed=Custom title to confirmed step" => stepConfirmed=Custom%20title%20to%20confirmed%20step"

Specific configuration parameters Pick and Delivery

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.goingToDestination.title	stepGoingToDestination	String which will be used as display name during the Going To Destination order step
steps.goingToDestination.icon	stepGoingToDestinationIcon	Parameter used to change the icon of the Destination step
steps.delivered.title	stepDelivered	String which will be used as display name during the Delivered order step
steps.delivered.icon	stepDeliveredIcon	Parameter used to change the icon of the Delivered step

Usage Example

You will see the following content

<!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'
          },
          goingToDestination: {
            title: 'Text',
            icon: 'Icon url'
          },
          delivered: {
            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&stepGoingToDestination=Text&stepGoingToDestinationIcon=iconUrl&stepDelivered=text&stepDeliveredIcon=iconUrl

You will see the following content:

📘Params Encoding

Specific configuration parameters Pick and Delivery

Usage Example

You will see the following content

📘
Params Encoding