Demo 8

  • Header , created in Journal > Header > Compact.... Activated in Journal > Skins > Default > Header > Desktop Header. Scroll down for header info.
  • 1 Slider Home Top Slider , created in Journal > Modules > Slider. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 1.
  • 2 Info Blocks General Info Blocks, created in Journal > Modules > Info Blocks . Assigned to layout in Journal > Layouts > Home... in the Top position > Row 2.
  • 3 Newsletter Newsletter Home, created in Journal > Modules > Newsletter. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 3.
  • 4 Products Home Page - Main Products, created in Journal > Modules > Products. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 4.
  • 5 Row Background Image. This row has a fixed background image added in the row options, Journal > Layouts > Home... </i> in the Top position > Row 5 > Row Options > Background. The row options are accessed via the small pencil button seen when hovering over the row. Inside the layout builder in Journal > Layouts > Home > Top we set up an empty column with a bottom spacing (30%) applied in the column options.
  • 6 Title/Text New Styles Title, created in Journal > Modules > Title/Text. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 5.
  • 7 Products Home Page - List View Backpacks, created in Journal > Modules > Products. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 5.
  • 8 Button See All Backpacks, created in Journal > Modules > Button. Assigned to layout in Journal > Layouts > Home... in the Top position > Row 5.
  • 9 Catalog Catalog Single, created in Journal > Modules > Catalog. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 1.
  • 10 Products Home - From Category, created in Journal > Modules > Products. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 1.
  • 11 Blocks Lookbook Home Page, created in Journal > Modules > Blocks. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 2.
  • 12 Gallery Gallery, created in Journal > Modules > Gallery. Assigned to layout in Journal > Layouts > Home... in the Bottom position > Row 2.
  • Footer, created in Journal > Footer.... Activated in Journal > Skins > Default > Footer > Footer.
  • 13a Mini Products Footer Recently/Most Viewed, created in Journal > Modules > Mini Products. Activated in Journal > Footer > Edit > Builder > Row 1.
  • 13b Links Menu Footer - Custom Links, created in Journal > Modules > Links Menu. Activated in Journal > Footer > Edit > Builder > Row 2.
  • 13c Links Menu Footer - My Account, created in Journal > Modules > Links Menu. Activated in Journal > Footer > Edit > Builder > Row 2.
  • 13d Links Menu Footer - Customer Service, created in Journal > Modules > Links Menu. Activated in Journal > Footer > Edit > Builder > Row 2.
  • 13e Newsletter Newsletter Footer, created in Journal > Modules > Newsletter. Activated in Journal > Footer > Edit > Builder > Row 2.
  • 13f Icons Menu Social Icons Footer, created in Journal > Modules > Icons Menu. Activated in Journal > Footer > Edit > Builder > Row 2.
  • 13g Links Menu Footer - Copyright, created in Journal > Modules > Links Menu. Activated in Journal > Footer > Edit > Builder > Row 3.
  • 13h Icons Menu Footer Payments, created in Journal > Modules > Icons Menu. Activated in Journal > Footer > Edit > Builder > Row 3.

Header

  • 0 Top Menu Top Menu - Desktop (TBD Why is not visible in the Desktop Screen)???, created in Journal > Header > Top Menu. Assigned to the header in Journal > Header > Compact > 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.
  • 1 Logo, added in Journal > Skins > Edit > Header.... Additional options specific to the header are in Journal > Header > Compact > Edit > Logo.... For more information about the logo please see our documentation on the logo.
  • 2 Main Menu Main Menu - Desktop, created in Journal > Header > Main Menu. Assigned to the header in Journal > Header > Compact > 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.
  • 3 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 > Compact > Edit > Language/Currency. For more info please see our documentation on languages or currencies.
  • 4 Secondary Menu Secondary Menu - Login, etc, created in Journal > Header > Top Menu. Assigned to the header in Journal > Header > Compact > Edit > Secondary Menu > Top Menu Module. Menu Item styles are created in Journal > Styles > Menu Item....
  • 5 Search The search style is created in Journal > Styles > Search... and applied in Journal > Header > Compact > Search. All customisable search options are found in the search style.
  • 6 Cart The cart style is created in Journal > Styles > Cart... and applied in Journal > Header > Compact > Cart. The cart is comprised of two styles, Cart and Cart Content. All customisable cart options are found in these styles.