$customHeader
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 8 Next »

Overview

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

Navigation

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.

Now click on the edit button for the home page as shown below.

Click on the content tab of the page as shown below.

Configuration Fields

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

FieldDescription
home sliderThis field contains two action buttons:
  • "settings"- Click here to edit the following slider settings:

    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)

     
  • "add" - Click here to add slider page URLs 
     
    then click the "edit" button to open the editing screen where you can configure the slider page URL: 
     
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 

Add/Remove items from Slider Configuration

To add an item to the list, enter some text at the end of the field and then click the search result that you want.

Removing items from the slider configuration:

 

After you assign an item to the home slider, make sure to go to that individual item and update the content associated with the slider. Typically there is a featured imaged and featured text that can overlay on top of the image.

Related Documentation

Changing image used for item slider on the home page

  • No labels