Home Page (Covent Garden)
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'.
Show Carousel Slides
Check this option to show the slides that you have set up in your store Control Panel (Storefront > Home Page Carousel).
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:
- Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility
- Don’t Use Automatic Image Sliders or Carousels
- Sliders Suck
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.
Carousel Content Alignment
Align the text content of the main hero image, or all classic slider content to the left, center or right of the container.
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.
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.