Demo 3

  • Header , created in Journal > Header > Mega.... Activated in Journal > Skins > Edit > Header > Desktop Header. Scroll down for header info.
  • 1 Quick Links Quick Links - Header, created in Journal > Modules > Links Menu. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 1.
  • 2 Slider Slider, created in Journal > Modules > Slider. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 2.
  • 3 Grid Banner Grid, created in Journal > Modules > Grid. Assigned to layout in Journal > Layouts > Home... in the Top positions > Row 2. Note: The grid module is just another page builder into which you can add other modules, allowing you to create nested builders and more complex layouts.
  • 3a Banners Banners Top Home, created in Journal > Modules > Banners. Added in the parent Grid module in Journal > Modules > Grid > Banner Grid > Row 2 > Row 1.
  • 3b Banners Gents, created in Journal > Modules > Banners. Added in the parent Grid module in Journal > Modules > Grid > Banner Grid > Row 2 > Row 2.
  • 4 Info Blocks Info Blocks Home, created in Journal > Modules > Info Blocks > Info Blocks Home. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 2.
  • 5 Categories Categories Module, created in Journal > Modules > Categories. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 3.
  • 6 Blocks Promo Block Home Grid, created in Journal > Modules > Blocks >. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 4.
  • 7 Products Summer Collection, created in Journal > Modules > Products. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 4.
  • 8 Blocks End Of Summer Promo Block Home, created in Journal > Modules > Blocks >. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 1. This row uses a background video added in the row options, Background section. The row options are accessed via the small pencil button seen when hovering over the row.
  • 9 Banners Makeup Girl, created in Journal > Modules > Banners. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 2.
  • 10 Products Beauty Specials List View, created in Journal > Modules > Products. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 2.
  • 11 Brands Brands Layout, created in Journal > Modules > Brands. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 3.
  • 12 Title/Text Blog Title, created in Journal > Modules > Title/Text. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 4.
  • 13 Posts Blog Posts Home, created in Journal > Modules > Blog Posts. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 4.
  • Footer, created in Journal > Footer > Footer.... Activated in Journal > Skins > Default > Footer > Footer.
  • 14a Info Blocks Footer Blocks, created in Journal > Modules > Info Blocks >. Activated in Journal > Footer > Edit > Builder > Row1.
  • 14b Links Menu Footer - About Us, created in Journal > Modules > Links Menu >. Activated in Journal > Footer > Edit > Builder > Row2.
  • 14c Links Menu Footer - My Account, created in Journal > Modules > Links Menu >. Activated in Journal > Footer > Edit > Builder > Row2.
  • 14d Links Menu Footer - Customer Service, created in Journal > Modules > Links Menu >. Activated in Journal > Footer > Edit > Builder > Row2.
  • 14e Newsletter Newsletter Footer, created in Journal > Modules > Newsletter >. Activated in Journal > Footer > Edit > Builder > Row2.
  • 14f Icons Menu Social Icons, created in Journal > Modules > Icons Menu >Activated in Journal > Footer > Edit > Builder > Row3.
  • 14g Links Menu Footer - Payments, created in Journal > Modules > Links Menu >Activated in Journal > Footer > Edit > Builder > Row3.
  • 14h Links Menu Footer - Copyright, created in Journal > Modules > Links Menu >Activated in Journal > Footer > Edit > Builder > Row3.

Header

  • 1 Top Menu Top Menu - Desktop, created in Journal > Header > Top Menu. Assigned to the header in Journal > Header > Mega > Edit > Top Menu > Top Menu Module. Menu Item styles are created in Journal > Styles > Menu Item.... The same menu item styles can be reused on different menu modules.
  • 2 Language/Currency, active when extra languages or currencies are installed in your Opencart store. These can be styles in Journal > Styles > Language/Currency... with the style applied in the header in Journal > Header > Mega > Edit > Language/Currency. For more info please see our documentation on languages or currencies.
  • 3 Logo, added in Journal > Skins > Edit > Header.... Additional options specific to the header are in Journal > Header > Mega > Edit > Logo.... For more information about the logo please see our documentation on the logo.
  • 4 Secondary Menu Secondary Menu - Big Icons, created in Journal > Header > Top Menu. Assigned to the header in Journal > Header > Mega > Edit > Secondary Menu > Top Menu Module. Menu Item styles are created in Journal > Styles > Menu Item.... In this case, the secondary menu uses a different style where the menu name font size is bigger with the icon also much bigger and positioned on top.
  • 5 Main Menu Main Menu - Desktop, created in Journal > Header > Main Menu. Assigned to the header in Journal > Header > Mega > Edit > Main Menu > Main Menu Module. Menu Item styles are created in Journal > Styles > Menu Item.... The same menu item styles can be reused on different menu modules.
  • 6 Search The search style is created in Journal > Styles > Search... and applied in Journal > Header > Mega > Search. All customisable search options are found in the search style.
  • 7 Main Menu Login - Wishlist - Compare, created in Journal > Header > Main Menu. Assigned to the header in Journal > Header > Mega > Edit > Main Menu > Main Menu 2 > Main Menu 2 Module. Menu Item styles are created in Journal > Styles > Menu Item.... The same menu item styles can be reused on different menu modules.
  • 8 Cart The cart style is created in Journal > Styles > Cart... and applied in Journal > Header > Mega > Cart. The cart is comprised of two styles, Cart and Cart Content. All customisable cart options are found in these styles.