Menus
These blocks, when used together, can be used to display a complete menu for a restaurant at a club.
Episerver Required Blocks
- Accordion - Collection of accordion sections.
- Accoridon Section - Expand/collapse accordion section that can be placed into an accordion group.
- Tabs Container - Collection of tab sections.
- Tab Section - Place accordion containers into these to display different parts of a menu.
- Two Column Layout Container - Place these into accordion sections to create a 2-column layout for the menu item container.
- Menu Item Container - Place these into each column of the two column layouts to create layouts for menu item blocks.
- Menu Items - Place into Menu Item Containers to display menu items.
Fields & Configurations
Menu Item
|
Property |
Configuration |
Validation |
|
Item Name |
Add the item name to display at the top of the item. |
Required |
|
Item Description |
Add an optional long-form description of the menu item. |
|
|
Item Price |
Add an optional price for the menu item to display inline with the name. |
|
|
Disclaimer |
Add an optional disclaimer to display at the bottom of the menu item. |
|
|
Desktop Image |
Add an optional desktop image. |
|
|
Mobile Image |
Add an optional mobile image. If no mobile image is supplied but a desktop image is, the desktop image will display on mobile. |
|
|
Menu Icons |
Choose icons to display at the bottom of the menu item to advertise dietary choices to the viewer. More icon options can be configured by adding Value Item (With Icon) block references to the Menu Icons tab of the Global Settings page. |
|
Menu Item Container
|
Property |
Configuration |
Validation |
|
Main Content |
Content area for adding Menu Items. |
Required |
This is the title of the accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is the title of the accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.