Skip to main content

Demo 1 Main Menu

The Main Menu is created in Journal > Header > Main Menu and assigned to the header in Journal > Header > Classic > Edit > Main Menu > Main Menu Module

  1. Main Menu Item: All Departments. created in Journal > Header > Main Menu > Main Menu - Desktop . This menu item has a dropdown type of Flyout. The Flyout Menu module is separately created in Journal > Modules > Flyout Menu in this case Flyout - Desktop. For more info on how this type of dropdown works see the Main Menu documentation.

1.1. Flyout Menu Item: Shop by Category. Custom menu item of type Mega Menu created in Journal > Modules > Flyout Menu > [Active Module] > ...

1.1.1. Catalog: Catalog Categories created in Journal > Modules > Catalog...

1.1.2. Row Background Image. This row has a background image added in the row options, the small pencil button seen when hovering over the row. The first column width is set to 80% to leave some empty space on the right so the row background image is visible.

1.2. Flyout Menu Item: Shop by Brand. Custom menu item of type Mega Menu created in Journal > Modules > Flyout Menu > [Active Module] > ...

1.2.1. Catalog: Catalog Brands created in Journal > Modules > Catalog...

1.2.2. Row Background Image. This row has a background image added in the row options, the small pencil button seen when hovering over the row. The first column width is set to 80% to leave some empty space on the right so the row background image is visible.

1.3. Flyout Menu Item: Special Deals. Custom menu item of type Mega Menu created in Journal > Modules > Flyout Menu > [Active Module] > ...

1.3.1. Banners: Specials Banner created in Journal > Modules > Banners...

1.3.2. Products: Specials - Flyout Menu created in Journal > Modules > Products...

1.4. Flyout Menu Item: Bestsellers. Custom menu item of type Mega Menu created in Journal > Modules > Flyout Menu > [Active Module] > ...

1.4.1. Products: Bestsellers - Flyout Menu created in Journal > Modules > Products...

1.4.2. Blocks: CMS Blocks - Flyout Mega Menu created in Journal > Modules > Blocks...

1.5. Flyout Menu Item: Custom Links. Custom menu item of type Mega Menu created in Journal > Modules > Flyout Menu > [Active Module] > ...

1.5.1. Links Menu: Custom Links - Top Categories - Flyout Menu created in Journal > Modules > Links Menu...

1.5.2. Links Menu: Custom Links - Top Brands - Flyout Menu created in Journal > Modules > Links Menu...

1.5.3. Links Menu Custom Links - Flyout Menu created in Journal > Modules > Links Menu...

1.5.4. Icons Menu: Category Icons - Flyout Menu created in Journal > Modules > Icons Menu...

1.5.5. Links Menu: Custom Links Horizontal - Flyout Menu created in Journal > Modules > Links Menu...

1.6. Flyout Menu Item: See All Products. Custom menu item of type None created in Journal > Modules > Flyout Menu > [Active Module] > ...

  1. Main Menu Item: Multilevel, created in Journal > Header > Main Menu > Main Menu - Desktop. This menu item has a dropdown type of Dropdown. For more info on how this type of dropdown works see the Main Menu documentation.
  1. Main Menu Item: Mega Menu, created in Journal > Header > Main Menu > Main Menu - Desktop. This menu item has a dropdown type of Mega Menu. For more info on how this type of dropdown works see the Main Menu documentation.

3.1. Links Menu: Top Categories - Mega Menu, created in Journal > Modules > Links Menu...

3.2. Banners: Fashion Banner, created in Journal > Modules > Banners...

  1. Main Menu Item: Fullwidth, created in Journal > Header > Main Menu > Main Menu - Desktop. This menu item has a dropdown type of Mega Menu. For more info on how this type of dropdown works see the Main Menu documentation

4.1. Catalog: Catalog Categories Image, created in Journal > Modules > Catalog...

4.2. Products Top Sellers - Mega Menu, created in Journal > Modules > Products...

This second Main Menu is created in Journal > Header > Main Menu and assigned to the header in Journal > Header > Classic > Edit > Main Menu 2 > Main Menu 2 Module

  1. Main Menu Item: Call, created in Journal > Header > Main Menu > Blog-Phone - Desktop. This menu item has a dropdown type of None. For more info on how this type of dropdown works see the Main Menu documentation.

  2. Main Menu Item: Blog, created in Journal > Header > Main Menu > Blog-Phone - Desktop. This menu item has a dropdown type of None. For more info on how this type of dropdown works see the Main Menu documentation.