...
Another example is the Chicken Nuggets picker below, that contains the Nuggets Pieces and the Nuggets Meal Size picker aspects.
...
ER Diagram of a Picker
...
Document Fields
Title | Description | Notes | Example URL | Image | Used By | ||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Name | This is the name that will be displayed for this picker The fontfor this will be set to uppercasehttps://www.bk.com/menu/picker- picker_5520 | ||||||||||||
Image | This is the example image that will be displayed for the picker | ||||||||||||
Image Description | This will be used as the alt attribute or as an Aria aria-label attribute for the image (An an alt attribute is what shows if the image is unable to render)https://www.bk.com/menu/picker-picker_5520 load). This is required for accessibility purposes | ||||||||||||
Description | This describes the meal for the picker and any specifics that may applyhttps://www.bk.com/menu/picker-picker_5520 . Feel free to see examples from other markets for inspiration | ||||||||||||
Picker Aspects | This is an aspect of the picker that can be changed or modified. This will commonly have many picker aspect options nested within ithttps://www.bk.com/menu/picker-picker_5520 Please add choose all aspects that apply by clicking on ‘Add item…’ under Picker Aspects | ||||||||||||
Picker Default | This will be what the picker is aspect options are initially set too by defaulthttps://www.bk.com/menu/picker-picker_5520 as default when guest accesses the picker. In order to set them as default, you need to click on ‘Add item…’ under Picker Defaults, choose the same picker aspects you have added on ‘Picker Aspects’ and choose the option you want to set as default for each picker aspect. Note: you should have as many fields added to this section as the ones you have on the picker aspect section | ||||||||||||
Picker Aspect Item Option Mappings | This is used to restrict a modifier from being used if the specified aspect is selected. For example, if they pick a bacon and cheese whopper we will not let them modify the bacon or the cheese https://www.bk.com/menu/picker-picker_5520 Note: in EMEA, we rarely use this feature | ||||||||||||
UI Pattern ( Parallel ) | UI Pattern ( Section ) | Select 'Parallel' to see our recommended UI. Feel free to change it and test it by looking at the frontend if you think it makes sense, but please be consistent across pickers | UI Pattern ( Series With Last As Modifier ) | ||||||||||
Quick Configs | These are options that the user can use to auto-populate a field. A great example of this is Tim Hortons coffee option Single Single and Double Double https://www.timhortons.ca/menu/picker-picker_7407 Note: in EMEA, we rarely use this feature | ||||||||||||
Options | Everything we would like to include in the section.If we have picker aspects we would have to map each item to each picker aspect response. Example: Picker Aspect Combo Size ( options: A la Carte, Small,Medium and Large). Picker options: Picker aspect A la Carte-> Bacon Cheeseburger item, Picker aspect Small-> Bacon Cheeseburger Meal Small, Picker aspect Medium-> Bacon Cheeseburger Meal Medium, Picker aspect Large-> Bacon Cheeseburger Meal Large. This will help us know when a user selects one or the other picker aspect to know what item to link it to. |
| |||||||||||
Channel Exclusions | Here we can specify if we do not want this picker to be available on a certain platform/channel | ||||||||||||
Show Static Menu | This adds the picker to the static menu that allows the user to see a default menu without having to first select a store | ||||||||||||
Depreciated | These are fields that we have used in the past. We keep these for old versions of the site that could be cached and still used |
...