Advanced Slider and carousel

Slider/Carousel Block is universal customizable block which can be used to slide anything – from simple images to complex inner blocks. In this page we show some examples for sliders with 1 item per slide, you can place any other blocks or complex groups inside each slide.

1

Slider with inner blocksIt has also custom Slider effect

Fēnix 6X smartwatch – Pro and Sapphire Editions Black with Black Band and sport health functions

US$699.99 US$799.99
Find actual price at Garmin.com
fenix® 6X – Pro & Sapphire Editions is a GPS Smartwatch with music, Pulse Ox & Dynamic PacePro, a feature that helps you run smarter over diff…

Enduro smartwatches

US$799.99
Find actual price at Garmin.com
Garmin Enduro™ features a Power Glass™ solar charging lens that extends battery life, lightweight nylon strap, and other performance features built fo…

Instinct® Solar

US$399.99
Find actual price at Garmin.com
Instinct Solar is a smartwatch built to conquer the elements featuring a solar charging lens, GPS/GLONASS/GALILEO, and built-in training apps.
2

Slider with image backgroundThis slider has also custom arrow buttons, scrollbar and custom sliding effect

Say Hello to Greenshift Sliders

Make custom sliders faster with better design

Unlimited possibilities for slider

Make custom sliders faster with better design

Best design and options

Make custom sliders faster with better design

3

Slider as Cards EffectIt has also inner block with buttons as Card

Best Accessories for this summer

Bags & Acsessories &
Lingerie & Sportswear &
Beauty & Swimwear

Best Accessories for this summer

Bags & Acsessories &
Lingerie & Sportswear &
Beauty & Swimwear

Best Accessories for this summer

Bags & Acsessories & Lingerie & Sportswear & Beauty & Swimwear

4

Vertical Slider Orientation + full widthYou can change orientation of slider

Say Hello Greenshift Sliders

Make custom sliders faster with better design

Unlimited possibilities for slider

Make custom sliders faster with better design

Best design and options

Make custom sliders faster with better design

5

Full visible items for sliderAlso, this example has Scale effect

Say Hello to Greenshift Sliders

Make custom sliders faster with better design

Unlimited possibilities for slider

Make custom sliders faster with better design

Best design and options

Make custom sliders faster with better design

6

Full visible items for slider + custom effectAlso, this example has Scale effect

You can also add custom control to slider. For this, place custom elements in the same row as slider and add classes: gs-slider-control-btn gs-slideto-2. This will trigger second slide and class “active” to your control element

Say Hello to Greenshift Sliders

Make custom sliders faster with better design

Unlimited possibilities for slider

Make custom sliders faster with better design

Best design and options

Make custom sliders faster with better design

For time saving, you can also easily convert regular Core gallery to slider. See how it works in video

Copy this post’s content
Copy code below, and paste it (CTRL+V) in content of page

«
»

One response to “Advanced Slider and carousel”