Custom step icons

You can change the default "Icon" used in the order steps by setting them via URL parameter on each step.

📘

Custom Icon with Locales

Beware that custom Icon are not affected by primary color or secondary color

Specific configuration parameters

ParameterDescription
stepConfirmedIconParameter used to change the icon of the Confirmed step
stepPickingIconParameter used to change the icon of the Picking step
stepPickingIconActiveString which will be used as display icon during the Picking order step when is in Active status. Only works with param "showOnly=steps"
stepPickingIconInactiveString which will be used as display icon during the Picking order step when is in Inactive status. Only works with param "showOnly=steps"
stepGoingToDestinationIconParameter used to change the icon of the Going To Destination step
stepGoingToDestinationIconActiveString which will be used as display icon during the Going To Destination order step when is in Active status. Only works with param "showOnly=steps"
stepGoingToDestinationIconInactiveString which will be used as display icon during the Going To Destination order step when is in Inactive status. Only works with param "showOnly=steps"
stepReadyToPickupIconParameter used to change the icon of the Ready To Pickup step
stepReadyToPickupIconActiveString which will be used as display icon during the Ready To Pickup order step when is in Active status. Only works with param "showOnly=steps"
stepReadyToPickupIconInactiveString which will be used as display icon during the Ready To Pickup order step when is in Inactive status. Only works with param "showOnly=steps"
stepPickedUpIconParameter used to change the icon of the Picked up step
stepPickedUpIconActiveString which will be used as display icon during the Picked Up order step when is in Active status. Only works with param "showOnly=steps"
stepPickedUpIconInactiveString which will be used as display icon during the Picked Up order step when is in Inactive status. Only works with param "showOnly=steps"
stepDeliveredIconParameter used to change the icon of the Delivered step
stepDeliveredIconActiveString which will be used as display icon during the Delivered order step when is in Active status. Only works with param "showOnly=steps"
stepDeliveredIconInactiveString which will be used as display icon during the Delivered order step when is in Inactive status. Only works with param "showOnly=steps"
stepCancelIconParameter used to change the icon of the Cancel step

Usage Example

You will see the following content

Confirmed Step

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepConfirmedIcon=iconUrl

Picking Step

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepPickingIcon=iconUrl

Picking Step Active

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepPickingIconActive=iconUrl&showOnly=steps

Picking Step Inactive

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepPickingIconInactive=iconUrl&showOnly=steps

Going To Destination Step

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepGoingToDestinationIcon=iconUrl

Going To Destination Step Active

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepGoingToDestinationIconActive=iconUrl&showOnly=steps

Going To Destination Step Inactive

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepGoingToDestinationIconInactive=iconUrl&showOnly=steps

Ready For Pickup Step

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepReadyToPickupIcon=iconUrl

Ready For Pickup Step Active

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepReadyToPickupIconActive=iconUrl&showOnly=steps

Ready For Pickup Step Inactive

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepReadyToPickupIconInactive=iconUrl&showOnly=steps

Picked Up Step

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepPickedUpIcon=iconUrl

Picked Up Step Active

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepPickedUpIconActive=iconUrl&showOnly=steps

Picked Up Step Inactive

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepPickedUpIconInactive=iconUrl&showOnly=steps

Delivered Step

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepDeliveredIcon=iconUrl

Delivered Step Active

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepDeliveredIconActive=iconUrl&showOnly=steps

Delivered Step Inactive

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepDeliveredIconInactive=iconUrl&showOnly=steps

Cancel Step

https://xandar-lsw-v3.instaleap.io/?job=myJob&token=myToken&stepCancelIcon=iconUrl