Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.


This document details the configuration of the "Slider" that appears in the home page of the Mr. Teas storefront theme (and other themes).


Main Menu Storefronts Pages Click the 'Pencil' icon for the Home (page) to access the page editor Content (tab)

Some themes, Mr Teas for example, utilize a slider to display content on the home page.  
To add or remove content from the home page slider you need to click on the Pages tab of your StoreFront as shown below.


In the content tab you'll see four configuration fields:

home slider
This field contains two action buttons:
  • "settings"- Click here to edit the following slider settings:
    Image Modified

    Auto Play (Checkbox field to toggle slider on and off.)
    Auto Play Speed _3000_ milliseconds (Changes the play speed)
    Cover Mode (Checkbox field toggles "cover mode" on/off)

    Overlay (adds 30% opacity to the slider.  While this is a nice looking visual effect, it may be undesirable for sliders that have a black or white background.

  • "add" - Click here to add slider page URLs 
    Image Modified 
    then click the "edit" button to open the editing screen where you can configure the slider page URL: 
    Image Modified 
home slider autoplayWhen selected, this checkbox field will cause the slider to auto play after the page is loaded.
home slider autoplay speed

Here you'll configure the speed in milliseconds, for example, a commonly set speed three thousand milliseconds would be configured like this: 3000ms

home slider items

Here you configure the item or items that you want to be included in the slider.

The default image configured on the item will be displayed, if only one image is configured on the item.
Otherwise, the image configured with a code of "Featured" will be the image displayed in the slider.
For more about the item image designated for display in the slider, see: Changing image used for item slider on the home page 

Cover Mode

The goal here is a slider image that covers the entire slider area at all times no matter the size of the image uploaded. Let's put some specifics on it: