Home Page (Portobello)

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).

Show Carousel Arrows

Check this option to show navigation arrows, on desktops and tablets, on the right and left of each slide when the cursor is over the carousel.

On smartphones this setting has no effect, slides can be swiped left or right.

Carousel Content Alignment

Align the text content in the overlay of the slider to the left, center or right of the container.

Carousel Overlay Colors

Control the colors of the carousel overlay here.


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

You must mark some products to be 'featured' for the Featured Products panel to display.

If your browser width is too narrow to display all the products you set, they will scroll horizontally and show navigation arrows on hover.  On smartphones the products can be swiped left or right.

Blog Articles

Check Show blog posts on home page to enable a panel on the homepage that displays 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 on home page setting. The Home page blog post columns setting assigns the number of columns on desktop view.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us