Skip to main content

Demo 8 Home Page

Home Page has the following elements (scroll down for numbered explanations):

Header is created in Journal > Header > Compact... and it is activated in Journal > Skins > Default > Header > Desktop Header. For more information related to the Header, please read the documentation on Demo Header.

  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... 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 is created in Journal > Footer... and it is activated in Journal > Skins > Default > Footer > Footer. For more information related to the Footer, please read the documentation on Demo Footer.