The folder/tab view allows for a new product flow by adding the ability to present multiple modifiers in a single view, while reducing scrolling on menus. Besides the reduction of menu scrolling, the folder view could allow for better order accuracy, since the customer is able to review the product with ease.
Examples to review:
- Entree Examples > refer to the Penne Pasta item
- Sandwich and Burger Examples > refer to the BYO Sandwich item
- Pizza and Wing Examples > refer to the Pizza Wing Combo item
Steps to Setup the Folder View
Step 1: Create a New Modifier Group
In order to control where within the ordering flow of a product the folders would appear, the folders would need to be nested under a modifier choice. If the folders are not nested under a modifier choice, they would display all the way at the bottom of the product flow. As an example (based on the image below), in order for the folders to show up between the "Add a Side" and "Remove" modifier groups of this Penne Pasta item, the folders were nested under a "Customize" option. This is also a great option if you want the folders to be hidden until a customer selects a certain option.
Essentially, you should complete this step if you would like the folders to be nested under a modifier option. If not, you can continue on to step 2 below.
1. Create a modifier group as you normally would.
2. Enter one or more modifier choices into the newly created modifier group.
One choice will nest the folders and any additional choices can offer other options or additional folders.
(MENU ADMIN VIEW)
(FRONT END VIEW)
3. If you are a brand with POS integrated stores, the modifier choice housing the folders should be mapped to the "none" entity type, unless there is a POS ID you would need to enter at this level, to meet POS requirements.
4. Click on "Choice Modifiers" on the modifier choice that will house the folders.
Step 2: Create new modifier groups based on the desired folder headings.
The modifier choices of each of the new modifier groups will form the headings that appear as the names of the folders on the front end. If you completed step 1 above, these modifier groups are to be “nested” under one of the modifier choices that were added.
1. Create new modifier groups based on the number of folders you would like to have, and enter a single modifier choice in each modifier group, and have the names of the modifier choices reflect the names that should appear on each tab/folder (as shown in the image above).
2. If you are a brand with stores that are POS integrated, each of the modifier choices in the modifier groups should be mapped to the "none" entity type, unless there is a POS ID you would need to enter at this level, to meet POS requirements.
3. Make sure that under the "modifier settings" tab of each modifier group (containing the "folder" modifier choices) the modifier quantity has been set to “single”.
Step 3: Add metadata to each of the newly created modifier groups.
The metadata that is entered will help form the folders on the front end menu.
1. On the modifier group overview screen, click on the metadata tag icon.
2. Select the "+ Add Metadata" option.
3. Enter the metadata key/value pair outlined below.
Key “modgroup-formation-name” (the key entry stays the same for each modifier group)
Value “1st” (the value entry should be a sequential number, based on the order of the folders. In this case, the second modifier group would get the value "2nd", the third would get "3rd" and so on)
4. Hit "save" at the bottom of the metadata screen in order to save the metadata entry.
Step 4: Nest desired modifier groups under the "folder" modifier choices.
These nested modifier groups will contain the options that customers can select from each of the folders.
1. Select the "choice modifiers" option on one of the folder modifier choices
2. You can either create a new modifier group(s) that contain all of the choices you would like to present to the customer or reuse any existing modifier groups.
3. If you are a brand with stores that are POS integrated, each of the modifier choices within the nested modifier groups should be mapped to some entity type. None of the modifiers should be left with "no mapping set".
4. Repeat points 1 and 2 for the rest of the folder modifier choices.
Step 5: Add the product to the store menu
Add the product that contains the folder setup to the store menu so that you can review how the folders appear on the front end. Refer to this article for steps on adding products. Allow about 5 minutes for the folder setup to show up correctly on the front end menu.
Additional Setup Examples of the Folder View