Home Page

Configure the home page and hero banner features in this section. In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to launch Theme Editor. In the left hand column of the Theme Editor, click the panel labelled 'Home Page'

Footer Featured Categories

Check this option to show the slides that you have set up in your store Control Panel.

Storyboard mode distributes your hero images and messages throughout the home page, breaking up content and giving more visibility to each individual item.

The content will automatically adapt to the number of slides that have been set up in the carousel system. Set up the slides exactly how you would the classic mode carousel.

We recommend this mode because data proves that a sliding carousel is largely ignored, and that slides after the first one aren’t seen.

If they are not set up correctly, as is often the case, then they simply waste screen space. We have compiled a number of reports that show why you shouldn’t use them. For further insights, read the following articles:

Classic

If you would prefer to use this mode, please note that you should set up clear calls to action to avoid visitors ignoring the carousel.

Choose to contain the content within the main page container or match the viewport width.

Align the content of the main hero image, or all classic slider content to the left, right or center of the container.

Products

Configure the number of products displayed for the Featured Products, Most Popular Products and New Products Panels.

Alternative Product List Titles

This is an alternative display mode for featured, new and top selling product lists on the home page. The title appears to the left of the product lists styled on a card.

Blog Articles

Check this option to enable a panel on the homepage which will display latest articles in your blog. It will pull in thumbnail images from each post if they exist.

The number of posts displayed is dependent on the Number of Blog Posts setting for the home page. The Columns setting assigns the number of columns on the desktop view in the frontend.