Display of selectors of the third level and higher, display of subselectors and dishes in one selector at the same time

In case of production necessity, it is possible to use a multi-level menu structure (not only two-level, but also infinite nesting of selectors). This includes mixed type, i.e., on the page of a selector, you can embed not only pages of other selectors, but also dishes.
To display selectors of the third level and higher in the menu, as well as to display subselectors and dishes in one selector at the same time, you must assign the value {"isMixedView": "1"} to the extended property itemParams in the properties of the top (first) level selector.
In this case, the content of the second-level selectors will be hidden.

The content of the second-level selector opens when you click on the image or the name of the selector and appears in a pop-up window (in the example, the second-level selector TEA is open).

To go to a selector of the third level and higher, you need to click on the image or name of the selector (for example, Iced Tea) and its contents will be displayed in the same pop-up window.