...
| Note |
|---|
Need for Picker AspectsPicker Aspects are needed if you have defined a Picker previously. They can only be linked to Picker Documents |
Document Fields
...
Title
...
Description
...
Picker Aspect Variations
| Variations | UI Example |
|---|---|---|
1 | Image, description |  |
2 | Image, no description |  |
3 | No image, description |  |
4 | No image, no description |  |
Editing Picker Aspects
Name
This is the
...
name of the item that will
...
BK, PLK, TH
...
UI Pattern - Select
...
...
BK, PLK, TH
...
UI Pattern - Size
...
...
show in the platform, so must be edited according to your marketing guidelines. In the above examples: Choose a Size and Select Your Size.
...
Internal Name
The name that will be displayed in Sanity - it will help you quickly identify and organize your picker aspects.
...
Picker Aspect Options
...
All different options we would give the user for that specific picker aspect to be able to know which item, combo or pieces (nuggets…) they want
...
BK, PLK, TH
Set Up
Examples of Picker Aspect Options below
...
When setting up each Picker Aspect Option you will need to fill out the following fields
...
Title
...
Description
...
Used By
...
Identifier
...
This is where you configure the different options you wish your Picker to show. In the below example, we add the picker aspects for Burger King’s Classic Fries, with the following options:
Value
Small
Medium
Large
...
When you create each option, you will be asked for:
Identifier: a name consisted only of letters, which will be ingested by the system. Choose a name that clearly refers to this product. Do not worry, it won’t be shown to the guest.
| Note |
|---|
Identifiers must be unique, i.e. you cannot duplicate identifiers among different products. |
| Warning |
|---|
Please ensure you type it with no spaces |
...
BK, PLK, TH
...
Name
...
The name the guest will see for each picker aspect option
...
BK, PLK, TH
...
Hide Item Name in Preview
...
This is in the case you want to enable in the high level name tction of the picker aspect to appear (Whopper Meal “Medium” In this case the picker aspect option for medium would have this as false)
...
BK, PLK, TH
...
Show in Static Menu
...
To display the picker aspect options in the static menu
...
BK, PLK, TH
...
Image
...
This will be the image to display for that specific picker aspect option
...
BK, PLK, TH
...
Image Descriptions
...
This will be used as the alt or aria-label attribute for the image (an alt attribute is what shows if the image is unable to load). This is required for accessibility purposes
...
. |
Name: this is the name that guests will see. As such, should follow your marketing guidelines.
Hide Name in Item Preview: toggling this option will hide the name in the platform, showing only the image to the user.
Show in Static Menu: toggling this option will show this picker aspect option in the Static Menu, before a Service Mode or store is selected. This is the equivalent to your National Menu, but it does not mean all of the items are available for purchase for Delivery or Pickup, for example.
Description: a description of this picker aspect.
Image: this is the image that is shown for the picker aspect.
| Tip |
|---|
Best Practices TipRemember choosing a picture without a background will look better, remove noise, and turn the guest’s focus to the actual purchase 🍔 🍟 |
| Note |
|---|
Take into account that this picture will be shown in a small size to the guests, so avoid complex images |
Image Description: this will be the text for the alt attribute on the image.
| Expand | ||
|---|---|---|
| ||
The alt attribute is the HTML attribute used in HTML and XHTML documents to specify alternative text (alt text) that is to be rendered when the element to which it is applied cannot be rendered. It is also important for SEO purposes, as this description is what allows search engines (like Google) to connect this image to a search. By adding the Plant-based Whopper description, there is a chance users will find this image in Google Images, which can lead to traffic in the platform |
...
| Info |
|---|
Unused InformationYou might see additional fields in this document that are not part of this guide. Please disregard them as they are not needed for your Menu setup. |