Settings

The Slider Settings tab allows you to adjust the settings of each slideshow independently so you can have multiple sliders on your page or website, each with their own design and individual customisations.

Tabs are provided so that you can easily locate and modify settings, navigation, dots and colours.

Per View

The Per View property allows you to set the number of Slides you wish to appear in the slider block at a time.

By default, the per view property is set to 3.

Modify/Reset

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Per view

6. Enter required number

7. Click dot to reset

Gap

The Gap property allows you to modify the Gap between the Slides in the slider block.

By default, the gap property is set to 10.

Modify/Reset

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Gap

6. Modify Gap

7. Click dot to reset

Direction

The Direction property you to choose between Horizontal and Vertical display.

By default, direction is set to Horizontal.

Direction

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Direction

6. Choose direction (Horizontal, Vertical)

Slide to Clicked

The Slide to Clicked property enables the user to transition to the next slide with a click(slide to the clicked one").

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Slide to Clicked

6. Toggle

Align Centre

The Align Centre property centres the Slides.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Align Centre

6. Toggle to enable/disable

Fade

The Fade property allows you to change the transition effect between slide blocks from default to Fade in and Fade out.

The current slide block takes up all the slider block space.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Fade

6. Toggle

Loop

The Loop property allows the Slider to go through all available Slides and then restart after the last Slide.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Loop

6. Toggle

Adaptive Height

The Adaptive Height property automatically adjusts the height of the slider block to slide blocks with different heights.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Adaptive Height

6. Toggle

Draggable

The Draggable property allows you to control (drag) your Slideshow using your mouse.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Draggable

6. Toggle

Free Scroll

The Free Scroll property allows you to control (drag) your Slides freely.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Slider tab

5. Find Free Scroll

6. Toggle

Navigation

The navigation property allows you to add or not, navigation to your slider.

Once toggled, it opens the Navigation tab, from where you can find the navigation settings

Navigation

Dots

The dots property allows you add or not, dots to your slider.

Once toggled, it opens the Dots tab, from where you can find the Dots settings.

Dots can be clickable, but need the Clickable Dots property, in the Settings tab, to be toggled.

Dots

Transition

The transition property allows you to modify the slide transition time, that is the time in between each slide.

Modify

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Transition

6. Modify time (MS)

7. Click to reset

Grab Cursor

The Grab Cursor property allows you to apply a hand style to the cursor, which allows users to grab the slide for it to change.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Grab Cursor

6. Toggle on/off

Clickable Dots

The Clickable Dots property allows you to enable dots that can be clicked on, which will change to the corresponding slide.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Clickable Dots

6. Toggle on/off

Thumbs Controller

The Thumbs Controller property allows you to control your slider from a 'thumbs' slider.

The Slider ID must be added to the main slider.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Thumbs Controller

6. Toggle on/off

7. Input Slider ID

Slider ID

The Slider ID helps you to identify the Thumbs slider when you add it to the main Slider menu.

Add

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Thumbs Controller

6. Toggle on

7. Find Slider ID

8. Input value

Controller

The Controller property allows you to control one slider from another slider.

The Slider ID must be added to the main slider.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Controller

6. Toggle on/off

7. Input Slider ID

Slider ID

The Slider ID helps you to identify the Controller slider when you control another slider.

Add

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Controller

6. Toggle on

7. Find Slider ID

8. Input value

Inverse

The Inverse property allows you to inverse the direction of the controlled slider.

The Inverse property is only available if the Controller is toggled on.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Controller

6. Toggle on

7. Find Inverse

8. Toggle on/off

Auto Play

The Auto Play property allows you to automatically play the Slider without using the mouse. With Auto Play enabled, you can adjust duration and hover pause.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Auto Play

6. Toggle on/off

Duration

The Duration property allows you to adjust how long you want to spend on each slide block.

Adjust

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Auto Play

6. Toggle on/off

7. Find Duration

8. Adjust

9. Click dot to reset

Hover Pause

The Hover Pause property allows you to pause the slider block on autoplay. This allows you to inspect a particular slide block.

Toggle

1. Select the slider block

2. Open the block inspector

3. Navigate to the primary tab

4. Find Settings tab

5. Find Auto Play

6. Toggle on/off

7. Find Hover Pause

8. Toggle on/off