Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
stylenone

Introduction

By configuring the delivery promise in the Store app, you can display the time remaining or the time passed in relation to a certain milestone.

A milestone represents a specific step in the order execution and the corresponding time when it should be executed. For example: fraud check validation on the 05/05 at 10:00, start of preparation on the 05/05 at 12:00, carrier pick-up on the 05/05 at 16:00…

Note

Before this data can be displayed in the store app, a number of other actions need to be taken. Find out more here: Milestones configuration

Please note that compatible pages are pack, bag, reserve, pack_scan, bag_scan pages only.

...

The store app has a default configuration, but this can be changed from the Configuration > Store App > Pages > {Page name} > Delivery promise backoffice page.

...

Configuration structure

  • milestone (string - mandatory) - Name of the milestone to be warned about. Must be identical to the one configured in the delivery promise operations.

  • warning - (object- optional) - Indicates the period of time, in seconds, before the milestone, during which the remaining time will be showed as a warning, in orange. Before, the milestone is shown with no warning, and after it is shown in alert, in red.

    • from (int) - Number of seconds remaining before the end of the milestone. Transition from orange to red display.

    • to (int) - Number of seconds remaining before the end of the milestone. Transition from grey to orange display.

  • sort - If set to true, orders will be sorted from most urgent to least urgent.

Default configurations

Page

Default configuguration

Pack

Expand
titleUnfold
Code Block
languagejson
{
  "sort": true,
  "milestone": "carrier_pickup",
  "warning": {
    "from": 600,
    "to": 1800
  }
}

Pack scan

Expand
titleUnfold
Code Block
languagejson
{
  "sort": true,
  "milestone": "carrier_pickup",
  "warning": {
    "from": 600,
    "to": 1800
  }
}

Bag

Expand
titleUnfold
Code Block
languagejson
{
  "sort": true,
  "milestone": "eta_end",
  "warning": {
    "from": 600,
    "to": 1800
  }
}

Bag scan

Expand
titleUnfold
Code Block
languagejson
{
  "sort": true,
  "milestone": "eta_end",
  "warning": {
    "from": 600,
    "to": 1800
  }
}

Reserve

Expand
titleUnfold
Code Block
languagejson
{
  "sort": true,
  "milestone": "eta_end",
  "warning": {
    "from": 600,
    "to": 1800
  }
}

Exemple

Let's take the case where the carrier pick-up is scheduled for 17:00 according to the route schedule set in the Delivery Promise configuration.

The desired display is:

  • in grey until 16:30

  • in orange between 16:30 and 16:50

  • in red starting from 16:50.

Then, the configuration should look like this.

Code Block
languagejson
{
  "milestone": "carrier_pickup",
  "warning": {
    "from": 600,
    "to": 1800
  }
}