Home Page (Portobello)

Configure the home page and hero banner features in this section. In your control panel, go to Storefront > 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'.

Carousel

Setting	Description
Show carousel slides	Select this to toggle the hero carousel on or off. Use this article to help you choose what image sizes are best for you.
Show carousel arrows	Choose to toggle the left and right arrows on or off. Classic mode only.
Show carousel dots	Choose to toggle the indicator dots on or off. Classic mode only.
Replace first sllde with video	Choose this to replace the first sllde in the hero carousel.
Use letter box carousel	Set the height of carousel slides in pixels to prioritize text and use the image as a background. Alternatively, disable this to display the full image.
Content background	Select the color of the overlay on the carousel.
Background transparency	Select the opacity of the overlay on the carousel.
Text color	Select the color of the text on the carousel.
Indicator color	Select the border color of the empty dot at the bottom of the Carousel if there is more than one slide.
Indicator active color	Select the border color of the active dot at the bottom of the Carousel if there is more than one slide.
Arrow color	Select the color of the left and right arrows if there is more than one slide.
Arrow background color	Select the color of the box behind the arrows if there is more than one slide.

The carousel functionality has been enhanced so certain features can be assigned per slide.

Setting	Description
Slide X: mobile image	Replace image specifically for mobile devices through the Image Manager. You can set up an image to display on mobile by following these steps.
Slide X: sub heading	Enter the text you'd like to appear above the slide heading.
Slide X: content alignment	Choose to align the carousel content left, center or right.
Slide X: custom button text	Enter the text you'd like to appear in the custom button.
Slide X: custom button link	Enter the text to link to content in your store. It should only contain the absolute path to the related content, not the protocol and hostname. For example, if you want to link to `https://www.yourstore.com/our-delivery-options/` simply enter `/our-delivery-options/` in the field.
Slide X: custom button secondary color	Select if you want the color for the custom button to adopt the secondary button color, if not it will use the primary button color.

Home Page Featured Categories

Setting	Description
Enable featured categories on the home page	Select this to pull in specific categories that you want to feature. You can do this in your control panel by creating a new category, or choosing an existing one. Under the chosen (top level) category, add new sub categories - these will appear as featured categories on the home page.
Featured category name	Match this to the top level category which you want to use "e.g. Featured Categories".
Home page featured category columns	Select how many featured categories display per row.
Hide names in featured category grid (show images only)	If you have uploaded images to your featured categories that already include text, check this option to prevent the text label for each category appearing.
Hide "Featured Categories" title	This will prevent the "Featured Categories" title from appearing above the grid, if you want the theme to show a grid of images directly below the main hero image.Hide
Hide top level featured category in the main navigation bar	Select this option to hide the specified top level "featured" category from the main navigation bar. Please note 'Featured Categories' must be ticked as "Visible In Menu" in the Products > Product Categories list, even if you don't want it to appear in the Main Navigation.

Struggling to setup Featured Categories? Full step-by-step instructions can be found here.

Elfsight Instagram Feed

Setting	Description
Enable the Elfsight	Check this to activate your Elfsight Instagram feed. Elfsight offer a highly configurable feed module that we have set up our theme to work with. They offer free and premium versions, which you can sign up for here.
Elfsight App ID string	Enter the relevant code snippet from the Elfsight control panel. Full instructions can be found here.

Products

Setting	Description
Number of Featured Products	Select how many featured products to display on the home page, or disable this feature.
Number of Most Popular Products	Select how many most popular products to display on the home page, or disable this feature.
Number of New Products	Select how many new products to display on the home page, or disable this feature.

Blog Posts

Setting	Description
Show blog posts on home page	Choose to display blog posts on the home page.
Number of blog posts	Select how many blog posts to display on the home page, or disable this feature.
Blog post columns	Select how many blog posts display per row.