Global Theme Settings (Portobello)

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 'Global Theme Settings'.

Animate Page Elements

Turn this option on to activate animations on scroll. This subtly slides and fades in elements as you scroll down the page.

Consider how many products you will display if you enable infinite scrolling or set a large number of products to display on your category pages, this module could potentially cause performance issues on older devices and browsers.

We recommend using this feature on smaller catalogs. If you notice any performance issues, disable this feature.

Price Ranges

If you have set up options that change the price of a product, enable this option to show the range of prices it can be purchased for on the product grid.

Price ranges work on SKUs, not Rules, so to have the range of prices show you need to give your product options a SKU (even if you won't be displaying it on the front end).

Restrict Purchase to Login

Enabling this option will hide prices and add to cart buttons until your customers sign in to the website.


Here you can choose to display or hide the breadcrumb trail on small screens. We recommend hiding them on mobile devices as they can take up a lot of space at the top of the screen if they flow over more than one line.

Custom CSS

Enable custom store and checkout CSS to add overrides and additional CSS without having to edit your theme files. This allows you to use the master copy of the theme and still benefit from updates.

These files are loaded last so override all built in styles.

Before activating, you will need to create files named   custom.css and checkout.css locally. These correspond to the two options in the settings panel. You will need to upload these files via WebDAV to your store. Inside the Content folder, create a new directory called css, and upload your new CSS files to this location.

Developer custom CSS is an option used by Flair when setting up paid customisations.

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