MegaMenu Magento 2

Go to main site to see module's description => EXTENSTORE.COM

1. MegaMenu Theme 1

 

Menu's configure:

  • Menu theme: Theme1
  • Submenu Effect: Slideup
  • Show Home Button: Yes
  • Background Color: FFFFFF
  • Text Color: DE2C00
  • Text Color Hover: 014B7F
  • Text Color Active: 014B7F
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu" template="Es_Megamenu::topmenu.phtml" menu_theme="theme1" submenu_effect="se_slideup" show_home_button="1" bg_color="FFFFFF" text_color="DE2C00" text_color_hover="014B7F" text_color_active="014B7F" sticky_menu="0"}}

 

2. MegaMenu Theme 2

Menu's configure:

  • Menu theme: Theme2
  • Submenu Effect: Default
  • Show Home Button: No
  • Background Color: FFFFFF
  • Text Color: 0075C8
  • Text Color Hover: FF3F21
  • Text Color Active: FF3F21
  • Background Color for sub (Css style): 585858
  • Background Color for hover sub (Css style): FF3F21
  • Text Color for sub (css ): FFFFFF
  • Text Color Sub Hover: FFFFFF
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu2" template="Es_Megamenu::topmenu.phtml" menu_theme="theme2" submenu_effect="se_default" show_home_button="0" bg_color="FFFFFF" text_color="0075C8" text_color_hover="FF3F21" text_color_active="FF3F21" bg_color_sub="" text_color_sub="" text_color_sub_hover="" bg_color_sub_css="585858" bg_color_sub_hover_css="FF3F21" text_color_sub_css="FFFFFF" text_color_sub_hover_css="FFFFFF" sticky_menu="0"}}

 

3. MegaMenu Theme 3

Menu's configure:

  • Menu theme: Theme3
  • Submenu Effect: Slideup
  • Show Home Button: Yes
  • Background Color: FFFFFF
  • Text Color: 333333
  • Text Color Hover: FFFFFF
  • Text Color Active: FF3F21
  • Background Color for sub (Css style): E74C3C
  • Background Color for hover sub (Css style): FFFFFF
  • Text Color for sub (css ): FFFFFF
  • Text Color Sub Hover: 00064F
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu3" template="Es_Megamenu::topmenu.phtml" menu_theme="theme3" submenu_effect="se_slideup" show_home_button="1" bg_color="FFFFFF" text_color="333333" text_color_hover="FFFFFF" text_color_active="FF3F21" bg_color_sub="" text_color_sub="" text_color_sub_hover="" bg_color_sub_css="E74C3C" bg_color_sub_hover_css="FFFFFF" text_color_sub_css="FFFFFF" text_color_sub_hover_css="00064F" sticky_menu="0"}}

 

4. MegaMenu Theme 4

Menu's configure:

  • Menu theme: Theme4
  • Submenu Effect: Fade In/Out
  • Show Home Button: No
  • Background Color: FFFFFF
  • Text Color: 105A19
  • Text Color Hover: A400A1
  • Text Color Active: A400A1
  • Background Color for sub (Css style): A400A1
  • Background Color for hover sub (Css style): 105A19
  • Text Color for sub (css ): FFFFFF
  • Text Color Sub Hover: FFFFFF
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu4" template="Es_Megamenu::topmenu.phtml"menu_theme="theme4" submenu_effect="se_fade_in_out" show_home_button="0" bg_color="FFFFFF" text_color="105A19" text_color_hover="A400A1" text_color_active="A400A1" bg_color_sub="" text_color_sub="" text_color_sub_hover="" bg_color_sub_css="A400A1" bg_color_sub_hover_css="105A19" text_color_sub_css="FFFFFF" text_color_sub_hover_css="FFFFFF" sticky_menu="0"}}

 

5. MegaMenu Theme 5

Menu's configure:

  • Menu theme: Theme5
  • Submenu Effect: Fade In/Out
  • Show Home Button: Yes
  • Background Color: EB5202
  • Text Color: FFFFFF
  • Text Color Hover: F2FF59
  • Text Color Active: F2FF59
  • Background Color for sub (Css style): FFFFFF
  • Background Color for hover sub (Css style): EB5202
  • Text Color for sub (css ): 000000
  • Text Color Sub Hover: F2FF59
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu5" template="Es_Megamenu::topmenu.phtml" menu_theme="theme5" submenu_effect="se_fade_in_out" show_home_button="1" bg_color="EB5202" text_color="FFFFFF" text_color_hover="F2FF59" text_color_active="F2FF59" bg_color_sub="" text_color_sub="" text_color_sub_hover="" bg_color_sub_css="FFFFFF" bg_color_sub_hover_css="EB5202" text_color_sub_css="000000" text_color_sub_hover_css="F2FF59" sticky_menu="0"}}

 

6. MegaMenu Theme 6

Menu's configure:

  • Menu theme: Theme6
  • Submenu Effect: Fade In/Out
  • Show Home Button: Yes
  • Background Color: 0070E7
  • Text Color: F2FF59
  • Text Color Hover: FFFFFF
  • Text Color Active: FFFFFF
  • Background Color for sub (Css style): FFFFFF
  • Background Color for hover sub (Css style): 0070E7
  • Text Color for sub (css ): 000000
  • Text Color Sub Hover: FFFFFF
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu6" template="Es_Megamenu::topmenu.phtml" menu_theme="theme6" submenu_effect="se_fade_in_out" show_home_button="1" bg_color="0070E7" text_color="F2FF59" text_color_hover="FFFFFF" text_color_active="FFFFFF" bg_color_sub="" text_color_sub="" text_color_sub_hover="" bg_color_sub_css="FFFFFF" bg_color_sub_hover_css="0070E7" text_color_sub_css="000000" text_color_sub_hover_css="FFFFFF" sticky_menu="0"}}

 

7. MegaMenu Theme 7

Menu's configure:

  • Menu theme: Theme7
  • Submenu Effect: Slideup
  • Show Home Button: No
  • Background Color: FFFFFF
  • Text Color: 333333
  • Text Color Hover: ff0051
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu7" template="Es_Megamenu::topmenu.phtml" menu_theme="theme7" submenu_effect="se_slideup" show_home_button="0" bg_color="FFFFFF" text_color="333333" sticky_menu="0"}}

 

8. MegaMenu Theme 8

Menu's configure:

  • Menu theme: Theme8
  • Submenu Effect: Slideup
  • Show Home Button: Yes
  • Background Color: FFFFFF
  • Text Color: 333333
  • Text Color Hover: ff0051
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu8" template="Es_Megamenu::topmenu.phtml" menu_theme="theme8" submenu_effect="se_slideup" show_home_button="1" bg_color="FFFFFF" text_color="333333" sticky_menu="0"}}

 

9. MegaMenu Theme 9

Menu's configure:

  • Menu theme: Theme9
  • Submenu Effect: Slideup
  • Show Home Button: Yes
  • Background Color: FFFFFF
  • Text Color: 333333
  • Text Color Hover: ff0051
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu9" template="Es_Megamenu::topmenu.phtml" menu_theme="theme9" submenu_effect="se_slideup" show_home_button="1" bg_color="FFFFFF" text_color="333333" sticky_menu="0"}}

10. MegaMenu Theme 10

Menu's configure:

  • Menu theme: Theme10
  • Submenu Effect: Fade In/Out
  • Show Home Button: Yes
  • Background Color: FF0000
  • Text Color: FFFFFF
  • Text Color Hover: 8BFFB5
  • Text Color Active: 8BFFB5
  • Background Color for sub (Css style): FFFFFF
  • Background Color for hover sub (Css style): 8BFFB5
  • Text Color for sub (css ): 000000
  • Text Color Sub Hover: 00045F
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu10" template="Es_Megamenu::topmenu.phtml" menu_theme="theme10" submenu_effect="se_fade_in_out" show_home_button="1" bg_color="FF0000" text_color="FFFFFF" text_color_hover="8BFFB5" text_color_active="8BFFB5" bg_color_sub="" text_color_sub="" text_color_sub_hover="" bg_color_sub_css="FFFFFF" bg_color_sub_hover_css="8BFFB5" text_color_sub_css="000000" text_color_sub_hover_css="00045F" sticky_menu="0"}}

 

11. MegaMenu Theme 11

Menu's configure:

  • Menu theme: Theme11
  • Submenu Effect: Slideup
  • Show Home Button: Yes
  • Background Color: FFFFFF
  • Text Color: 333333
  • Text Color Hover: ff0051
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu11" template="Es_Megamenu::topmenu.phtml" menu_theme="theme11" submenu_effect="se_slideup" show_home_button="1" bg_color="FFFFFF" text_color="333333" sticky_menu="0"}}

 

12. MegaMenu Theme 12

Menu's configure:

  • Menu theme: Theme12
  • Submenu Effect: Slideup
  • Show Home Button: Yes
  • Background Color: FFFFFF
  • Text Color: 333333
  • Text Color Hover: ff0051
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu12" template="Es_Megamenu::topmenu.phtml" menu_theme="theme12" submenu_effect="se_slideup" show_home_button="1" bg_color="FFFFFF" text_color="333333" sticky_menu="0"}}

 

13. MegaMenu Theme 13

Menu's configure:

  • Menu theme: Theme13
  • Submenu Effect: Slideup
  • Show Home Button: Yes
  • Background Color: FFFFFF
  • Text Color: 333333
  • Text Color Hover: ff0051
  • sticky Menu: No

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu13" template="Es_Megamenu::topmenu.phtml" menu_theme="theme13" submenu_effect="se_slideup" show_home_button="1" bg_color="FFFFFF" text_color="333333" sticky_menu="0"}}

 

14. MegaMenu Theme 14

Menu's configure:

  • Default Menu Type: Full Width
  • Static Width: NULL
  • Menu Theme: Theme14
  • Max Width: NULL
  • Menu Font Size: NULL
  • Visible Menu Depth: NULL
  • Menu Display Type: Horizontal
  • Submenu Effect: Slideup
  • Show Home Button: Yes
  • Home Button Icon: NULL
  • Background Color: F0E500
  • Text Color: 000000
  • Text Color Hover: FE0000
  • Text Color Active: FE0000
  • Background Color for sub (Mega style): 00B9FF
  • Text Color for sub (Mega style): 03002A
  • Text Color Sub Hover (Mega style): F5000B
  • Background Color for sub (Css style): D3000A
  • Background Color for hover sub (Css style): FE9A02
  • Text Color for sub (css ): FFF6E7
  • Text Color Sub Hover: 4D3000

Code for static block or page:

{{
block class="Es\Megamenu\Block\Estopmenu" name="es_megamenu14" template="Es_Megamenu::topmenu.phtml" menu_theme="theme14" submenu_effect="se_slideup" show_home_button="1" bg_color="F0E500" text_color="000000" text_color_hover="FE0000" text_color_active="FE0000" bg_color_sub="00B9FF" text_color_sub="03002A" text_color_sub_hover="F5000B" bg_color_sub_css="D3000A" bg_color_sub_hover_css="FE9A02" text_color_sub_css="FFF6E7" text_color_sub_hover_css="4D3000" sticky_menu="0"}}
Copyright © 2013-present Magento, Inc. All rights reserved.