This sample demonstrates how multiple independently configured Tigra Menus can work on the same page:
- All the menus use the same script file (menu.js)
- Configuration files are renamed to make sure they have unique names (i.e. menu_tpl1.js, menu_tpl2.js, menu_tpl3.js)
- Configuration variables are renamed to make sure they do not conflict (i.e. MENU_TPL1, MENU_TPL2, MENU_TPL3)
- Adjustments are made to the names of the CSS classes to resolve naming conflict (see *.css files)
- Several menus share the same configuration variable (MENU_ITEMS1 is shared by horizontal menu at the top and diagonal white menu)