• Overview
  • Adding Gallery Slider Element
    • Gallery Slider in Slider
  • Slider Layout for Gallery
  • Gallery Slider
    • Presets
    • Image Hover Effects
    • Text Options
    • Text Hover Effects
    • Arrow and Indicators
  • Gallery Slider in Mobile Views

Gallery Slider Overview

Use the Gallery Slider Element to display the Gallery Images as Slides. You can also show Text to describe images. If you want to add other Elements into Slides, please use the Slider Element.

gallery-slider.gif

Adding Gallery Slider Element

You can add the Gallery Slider Element from the Add Elements list in the Top Bar.

adding-gallery-slider.png

Gallery Slider in Slider

There is also the Gallery Slider Element available in the Slider section of the Add Menu.

gallery-slider-in-slider.png

Slider Layout for Gallery

You can select the Slider layout for any of your Galleries and switch between all five Gallery layout types.

switching-gallery-layout.gif

Gallery Slider

Presets

There are Gallery Slider Presets for a start. You can also use other Gallery Presets and compare layouts за the Presets to see the difference and select the most appropriate layout for your needs.

gallery-slider-presets.png

Gallery Slider Options

You can set the Gallery Slider Options similar to other Gallery layouts.

image-slider-options.png

Image Hover Effects

You can apply the Effects on Image Hover.

slider-image-hover-animation.gif

Text Options

For the Gallery Slider, you can use the Text Style options to add stylize the Text shown on Hover.

gallery-slider-text-options.png

Text Hover Effects

You can specify the Hover Effects for the Text in the Text Style Tab of the Property Panel for the Gallery Slider.

gallery-slider-hover-effects-text.gif

Arrow and Indicators

You can stylize the Arrows and Indicators of your Gallery Slider with the properties in the Property Panel.

gallery-slider-arrows-indicator-options.png

Gallery Slider in Mobile Views

You can modify the size and position of the Gallery Caption in each Mobile View.

gallery-slider-mobile-views.png

- Overview - Adding Gallery Slider Element - Gallery Slider in Slider - Slider Layout for Gallery - Gallery Slider - Presets - Image Hover Effects - Text Options - Text Hover Effects - Arrow and Indicators - Gallery Slider in Mobile Views ## Gallery Slider Overview Use the Gallery Slider Element to display the [Gallery](page:98179) Images as Slides. You can also show Text to describe images. If you want to add other Elements into Slides, please use the [Slider](page:97200) Element. !gallery-slider.gif! ## Adding Gallery Slider Element You can add the Gallery Slider Element from the Add Elements list in the Top Bar. !adding-gallery-slider.png! ### Gallery Slider in Slider There is also the Gallery Slider Element available in the Slider section of the Add Menu. !gallery-slider-in-slider.png! ## Slider Layout for Gallery You can select the Slider layout for any of your Galleries and switch between all five Gallery layout types. !switching-gallery-layout.gif! ## Gallery Slider ### Presets There are Gallery Slider Presets for a start. You can also use other Gallery Presets and compare layouts за the Presets to see the difference and select the most appropriate layout for your needs. !gallery-slider-presets.png! ### Gallery Slider Options You can set the Gallery Slider Options similar to other [Gallery](page:98179) layouts. !image-slider-options.png! ### Image Hover Effects You can apply the Effects on Image Hover. !slider-image-hover-animation.gif! ### Text Options For the Gallery Slider, you can use the Text Style options to add stylize the Text shown on Hover. !gallery-slider-text-options.png! ### Text Hover Effects You can specify the Hover Effects for the Text in the Text Style Tab of the Property Panel for the Gallery Slider. !gallery-slider-hover-effects-text.gif! ### Arrow and Indicators You can stylize the Arrows and Indicators of your Gallery Slider with the properties in the Property Panel. !gallery-slider-arrows-indicator-options.png! ## Gallery Slider in Mobile Views You can modify the size and position of the Gallery Caption in each Mobile View. !gallery-slider-mobile-views.png! ##