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
Parameter | Description |
---|---|
stepConfirmedIcon | Parameter used to change the icon of the Confirmed step |
stepPickingIcon | Parameter used to change the icon of the Picking step |
stepPickingIconActive | String which will be used as display icon during the Picking order step when is in Active status. Only works with param "showOnly=steps" |
stepPickingIconInactive | String which will be used as display icon during the Picking order step when is in Inactive status. Only works with param "showOnly=steps" |
stepGoingToDestinationIcon | Parameter used to change the icon of the Going To Destination step |
stepGoingToDestinationIconActive | String 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" |
stepGoingToDestinationIconInactive | String 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" |
stepReadyToPickupIcon | Parameter used to change the icon of the Ready To Pickup step |
stepReadyToPickupIconActive | String 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" |
stepReadyToPickupIconInactive | String 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" |
stepPickedUpIcon | Parameter used to change the icon of the Picked up step |
stepPickedUpIconActive | String which will be used as display icon during the Picked Up order step when is in Active status. Only works with param "showOnly=steps" |
stepPickedUpIconInactive | String which will be used as display icon during the Picked Up order step when is in Inactive status. Only works with param "showOnly=steps" |
stepDeliveredIcon | Parameter used to change the icon of the Delivered step |
stepDeliveredIconActive | String which will be used as display icon during the Delivered order step when is in Active status. Only works with param "showOnly=steps" |
stepDeliveredIconInactive | String which will be used as display icon during the Delivered order step when is in Inactive status. Only works with param "showOnly=steps" |
stepCancelIcon | Parameter 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