Swiper Slider - Module Class

Example of Swiper Slider module with Module Class option set with custom value

Swiper Slider - Module Class (text-white bg-dark)

Away 3408119 1280

Nature 3082832 1280

Sea 2755901 1280

Sea 2755908 1280

Sunset 1373171 1280

Sunset 3689760 1280

The Dark Hedges 4094148 1280

Thunderstorm 3430471 1280

Swiper Slider - Module Class (text-white bg-primary)

Away 3408119 1280

Nature 3082832 1280

Sea 2755901 1280

Sea 2755908 1280

Sunset 1373171 1280

Sunset 3689760 1280

The Dark Hedges 4094148 1280

Thunderstorm 3430471 1280

Swiper Slider - Module Class (text-white bg-secondary)

Away 3408119 1280

Nature 3082832 1280

Sea 2755901 1280

Sea 2755908 1280

Sunset 1373171 1280

Sunset 3689760 1280

The Dark Hedges 4094148 1280

Thunderstorm 3430471 1280

Module Configuration Details

Swiper Slider - Module Class (text-white bg-dark)

pagination: swiper-pagination
navigation: 1
autoplay: 1
autoplayDelay: 2500
loop: 1
direction: horizontal
spaceBetween: 50
slidesPerView: 2
mediaSource: folder
slidesFolder: slideshow/1280x719
layout: default
moduleclass_sfx: text-white bg-dark card
header_class: card-header
style: System-html5

Swiper Slider - Module Class (text-white bg-primary)

pagination: swiper-pagination
navigation: 1
autoplay: 1
autoplayDelay: 2500
loop: 1
direction: horizontal
spaceBetween: 50
slidesPerView: 2
mediaSource: folder
slidesFolder: slideshow/1280x719
layout: default
moduleclass_sfx: text-white bg-primary card
style: System-html5
header_class: card-header

Swiper Slider - Module Class (text-white bg-secondary)

pagination: swiper-pagination
navigation: 1
autoplay: 1
autoplayDelay: 2500
loop: 1
direction: horizontal
spaceBetween: 50
slidesPerView: 2
mediaSource: folder
slidesFolder: slideshow/1280x719
layout: default
moduleclass_sfx: text-white bg-secondary card
style: System-html5
header_class: card-header