CS-Cart "Pro Slider" add-on adds very eye-catching sliders of banners. The module makes your online store elegant and stylish.
The main features of Pro Slider module for CS-Cart:
Compare the variants of sliders that you can have on your store after purchasing the "Pro Slider" add-on.
Highlighted features: breakpoints, mixed thumbnail content, vertical slides, slides loop disabled, responsiveness, touch-enabled, captions.
The highlighted feature in this example is the use of 'breakpoints' to change the slider's configuration based on the window width. If the width decreases, the thumbnails change their position to the bottom of the slides, and if the width becomes even smaller, the content of the thumbnails is changed to simple text instead of both images and text.
Also, the slides are oriented vertically and the 'loop' feature is disabled.
Variant 2. Horizontal Slideshow
When you click on the thumbnails or arrows you will notice the slide transitioning only after the layers fade out. This feature is optional and the slides can transition immediately, as it happens when you swipe the slides.
Another important feature to mention is that the layers in this example won't be scaled down automatically (which would also be possible). Instead, CSS media queries are used to hide certain layers on smaller screens. This produces a better user experience when the slider is viewed on a small screen. However, it's also possible to scale the layers automatically.
The thumbnails will also become smaller and hide a portion of the text on a small screen. This is achieved using the Breakpoints feature.
Variant 3. Horizontal Slideshow (full-width banner)
Highlighted features: conditional images, image thumbnails, fade effect, auto-scale layers, responsiveness, touch-enabled.
The most important feature showcased in this example is the possibility to specify different image sources for different slider sizes. For example, if the slider goes in full-screen mode, the images will change to a higher resolution version. Also, if you open the slider on a mobile device, another set of images (with lower resolution and lower file size) will load.
Other showcased features are the automatic scaling of the layers when the slider becomes smaller and the use of a fade transition instead of the default slide transition.
More information about settings of the module you can find in the tab Documentation.
No posts found