Nested Modifier (also called dependent modifier) is a modifier that appears only when a particular modifier is selected.
In this article, you'll learn how you can create dependent modifiers and use the dependencies between the modifiers to show the customers the right items based on their selection.
Initial Steps
1. Be on the Control Panel
2. Go to Menu tab
TABLE OF CONTENTS
Here, to illustrate an example, let’s go with Farmhouse Veggie Burger in the Burgers category that comes only in one size and price.
Go to Menu > Burgers > Farmhouse Veggie Burger
Let’s say, when the customer orders a burger, you want to ask them if they want to make it a meal, if they say Yes, then you want to ask them to pick the type of meal: Just a Cookie or Cookie and Drink.
Now, based on the type of meal they select, the right options will be displayed for them in the Menu.
- Here, we are going to nest Pick the type of Meal in Do you want to make it a Meal? Modifier with its option – Yes Please!
And the other two Choose your Cookie and Choose your Drink will be nested in Pick the type of meal with its options – Cookie and Drink, and Just a Cookie modifier items.
You can take the hint from the hierarchy chart below:
- Blue box - Modifiers
- Orange box - Modifier items
How to setup dependent modifiers?
First, we have to create the following category level modifiers and modifier items.
(To learn how to create a category level modifiers and add items to it, read the article - 8. Category Level Modifier)
Note: Check-in the "Required" option in the following modifiers' category modifier properties window.
a) Modifier 1
Name: Do you want to make it a meal?
Modifier items:
- Yes Please!
- No Thank You
Note: No need to assign prices to Yes Please! and No Thank You as we are just using them to display further options.
b) Modifier 2 (Dependent modifier)
Name: Pick the type of Meal Modifier
Modifier items:
- Just a Cookie
- Cookie and Drink
Prices:
- Just a Cookie: $1.99
- Cookie and Drink: $2.99
Now, since it's a dependent modifier, we will set its dependency on the Yes Please! option.
For this, take the following steps:
1. Click on Pick the type of Meal modifier
2. Go to Modifiers…
3. Click on depends on
Go to Do you want to make it a Meal?
4. Click on Yes Please! option
5. Hit Save, to save changes
Now, Pick the type of meal modifier is dependent on Yes Please! selection by the customer in the Do you want to make it a Meal? modifier.
This means if the customer hits Yes Please! option, only then the above modifier along with its items will be displayed to them.
c) Modifier 3 (Dependent modifier)
Name: Choose your Cookie
Modifier items:
- Chocolate Chip Cookie
- Double Chocolate Chip Cookie
- Oatmeal Raisin Cookie
Note: There's no need to specify the prices to these items because the prices have already been assigned to Just a Cookie and Cookie and Drink modifier items.
Now, we'll set its dependency on Cookie and Drink and Just a Cookie options as both the categories offer Cookies.
For this, take the following steps:
1. Click on Choose your Cookie modifier > Modifiers… > Depends on
Go to the Choose your Cookie dependencies box that appears on the right side of your computer screen.
2. Go to Pick the type meal
3. Check-in both Just a cookie and Cookie and Drink
4. Hit Save
d) Modifier 4 (Dependent modifier)
Name: Choose your Drink
Modifier items:
- Coke
- Diet coke
- Sprite
Now, we'll set its dependency on the Cookie and Drink option as drinks can only be offered under the Cookie and Drink category.
1. Click on Choose your Drink modifier> Modifiers… > Depends on
Go to the Choose your Drink dependencies box that appears on the right side of your computer screen.
2. Go to Pick the type of Meal
3. Check-in Cookie and Drink
4. Hit Save
How it shows up in the Order online menu?
Go to the order online menu> Menu > Burgers > Farmhouse Veggie Burger
The modifier appears the following way:
Now if you click on No Thank You, the customer won't see further options.
Note: The customer won't be able to add the item to the bag if they don't select any option as the system will pop an alert message- "Please select an item". This is because the Do you want to make it a Meal? modifier was marked "Required" in the settings.
But, if the customer selects Yes Please!, there appears a further modifier - Pick the type of Meal
And if they select Cookie and Drink, then Choose your Cookie and Choose your Drink modifiers along with their items are displayed as these are both dependent on the Cookie and Drink modifier.
Remember: If you select Just a Cookie then only Choose your Cookie appears as Choose your Drink wasn't dependent on Just a Cookie modifier.