“You made it so simple. My new site is so much faster and easier to work with than my old site. I just choose the page, make the change.”
Johna Doe
Freelance React Developer
“Simply the best. Better than all the rest. I’d recommend this product to beginners and advanced users.”
John Doe
Freelance React Developer
“I cannot believe that I have got a brand new landing page after getting Omega. It was super easy to edit and publish.”
Jehna Doe
Graphic Designer
“Absolutely amazing plugin. It was super easy to edit and publish. So much interesting options and I need to study it”
Jehna Doe
Graphic Designer
“You made it so simple. My new site is so much faster and easier to work with than my old site. I just choose the page, and make the change.”
Johna Doe
Freelance React Developer
“Simply the best. Better than all the rest. I’d recommend this product to beginners and advanced users.”
John Doe
Freelance React Developer
“I cannot believe that I have got a brand new landing page after getting Omega. It was super easy to edit and publish.”
Jehna Doe
Graphic Designer
“Absolutely amazing plugin. It was super easy to edit and publish. So much interesting options and I need to study it”
Jehna Doe
Graphic Designer

Tutorial is in Fancy academy

Slider/Carousel Block is a universal customizable block that can slide anything — from simple images to complex inner blocks. You can add slider to anything

On this page we show some examples of 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

2

Slider with custom effectThis 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 OrientationYou 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

Custom control buttons + 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

7

Slider synchronizationSynchronize two sliders together

You can synchronize two sliders together. For this, use next panel in Slider options. Each slide has own unique class, you can copy it from one slide and use as control option for another slide. You can use it as direct control and also as reverse (when two sliders synchronized with each other)

In this example, we use two sliders with different directions

Best Car for this summer

Bags & Acsessories &
Lingerie & Sportswear &
Beauty & Swimwear

Best Car for this autumn

Bags & Acsessories &
Lingerie & Sportswear &
Beauty & Swimwear

Best Car for this winter

Bags & Acsessories &
Lingerie & Sportswear &
Beauty & Swimwear

8

Full page SliderHow to make full page slider

Greenshift slider has some special features like Keyboard and mouseWheel control. This makes it available for such complex things like Full page sliders. Click on image to see the demo

9

Ken Burns EffectsEasily enable popular ken Burns effect

You can download this slider in Greenshift Library — Experimental. (click on top right blue icon in editor)

10

Parallax SliderBuild complex parallax effects

To add parallax effect, you need to enable parallax in Slider Image effects panel. You can also add parallax strength for slider images.

You can also add parallax to inner items, for this, select special data-parallax attributes.

Example of slider is available in Library — Experimental

Slider Conversions

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

Animations inside Slider

You can also add some animations for inner elements in slider. They will be animated only when your slider item is active. For this, you can use Css transform or Animation Container.

Css transform

In Css transform panel, you can set Initial value and Active value. For initial value, set, for example 0 opacity and 40px shift y. For Active state, select 1 opacity and 0 shift.

Another way to add animation is Animation Container, which has Active Slide Trigger

Лого Алмаш

Контакты

Информация

Рейтинг арматурных сайтов на ARMTORG.RU

Обратная связь

Наши специалисты с радостью ответят на возникшие вопросы.

×

    Быстрый заказ

    © ПО АЛМАШ 2023. Все права защищены   Z-TEMA DESIGN. PREMIUM.

    ПО АлМаш
    Logo
    Сравнить товары
    • Итого (0)
    Сравнение
    0