Blok «Suwak» - instrukcja do szablonu «Orion»

Blok "Suwak"

Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej

<!-- Block «Slider» -->

{$props = [
    'gradient' => true,
    'lazy' => false,
    'autoplay' => true,
    'hash' => true,
    'animate' => true,
    'show_menu' => true,
    'navigation' => 'custom',
    'slides' => [
        '1' => [
            'show' => true,
            'color' => '#ffffff',
            'align' => 'center',
            'half_screen' => false,
            'background' => 'img/2200x1220.png',
            'name' => 'Motyw adaptacyjny',
            'title' => [
                'align' => 'center',
                'size' => 'extra, H1',
                'text' => 'Motyw projektu adaptacyjnego "Orion"'
            ],
            'text' => 'Motyw projektowy Orion dla frameworka Web-systems.pro pozwoli Ci stworzyć nowoczesny web landing page lub stronę korporacyjną zoptymalizowaną dla dowolnego urządzenia.',
            'large_text' => 'za 240 zł.',
            'buttons' => [
                '1' => [
                    'template' => 'button-one',
                    'mode' => 'link',
                    'link' => '#',
                    'target' => '_self',
                    'type' => 'secondary',
                    'anchor' => true,
                    'text' => 'Więcej'
                ]
            ]
        ],
        '2' => [
            'show' => true,
            'color' => '#ffffff',
            'align' => 'center',
            'half_screen' => false,
            'background' => 'img/2200x1220.png',
            'name' => 'Strona internetowa i galeria zdjęć',
            'title' => [
                'align' => 'center',
                'size' => 'extra, H2',
                'text' => 'Strona internetowa i galeria zdjęć'
            ],
            'text' => 'Stwórz unikalną, kreatywną stronę internetową i galerię w oparciu o motyw Orion dla aplikacji "Witryna" i "Zdjęcia"',
            'large_text' => '',
            'buttons' => [
                '1' => [
                    'template' => 'button-one',
                    'mode' => 'link',
                    'link' => '#',
                    'target' => '_self',
                    'type' => 'secondary',
                    'anchor' => true,
                    'text' => 'Więcej'
                ]
            ]
        ],
        '3' => [
            'show' => true,
            'color' => '#ffffff',
            'align' => 'center',
            'half_screen' => false,
            'background' => 'img/2200x1220.png',
            'name' => 'Gotowe bloki',
            'title' => [
                'align' => 'center',
                'size' => 'extra, H2',
                'text' => 'Gotowe bloki'
            ],
            'text' => 'Dobierz odpowiedni interfejs UX/UI - skompletuj strony swojego projektu z naszej stale rosnącej kolekcji gotowych bloków.',
            'large_text' => '',
            'buttons' => [
                '1' => [
                    'template' => 'button-one',
                    'mode' => 'link',
                    'link' => '#',
                    'target' => '_self',
                    'type' => 'secondary',
                    'anchor' => true,
                    'text' => 'Więcej'
                ]
            ]
        ],
        '4' => [
            'show' => true,
            'color' => '#ffffff',
            'align' => 'center',
            'half_screen' => false,
            'background' => 'img/2200x1220.png',
            'name' => 'Landing na Orion',
            'title' => [
                'align' => 'center',
                'size' => 'extra, H2',
                'text' => 'Od landing page do korporacyjnej strony internetowej'
            ],
            'text' => 'Motyw "Orion" jest doskonale przystosowany dla jednostronicowych stron promocyjnych. Jednocześnie daje to duże możliwości budowania zasobów internetowych z dużą ilością treści.',
            'large_text' => '',
            'buttons' => [
                '1' => [
                    'template' => 'button-one',
                    'mode' => 'link',
                    'link' => '#',
                    'target' => '_self',
                    'type' => 'secondary',
                    'anchor' => true,
                    'text' => 'Więcej'
                ]
            ]
        ],
        '5' => [
            'show' => true,
            'color' => '#ffffff',
            'align' => 'center',
            'half_screen' => false,
            'background' => 'img/2200x1220.png',
            'name' => 'Elastyczna personalizacja',
            'title' => [
                'align' => 'center',
                'size' => 'extra, H2',
                'text' => 'Załóż stronę internetową dla swojej firmy'
            ],
            'text' => 'Duża ilość ustawień daje szerokie pole do popisu dla kreatywności. Zmieniaj schematy kolorów, czcionki, bloki, elementy interfejsu według własnego uznania.',
            'large_text' => '',
            'buttons' => [
                '1' => [
                    'template' => 'button-one',
                    'mode' => 'link',
                    'link' => '#',
                    'target' => '_self',
                    'type' => 'secondary',
                    'anchor' => true,
                    'text' => 'Więcej'
                ]
            ]
        ]
    ],
    'links' => [
        '0' => [
            'url' => '#',
            'name' => 'Pierwszy link'
        ],
        '1' => [
            'url' => '#',
            'name' => 'Drugi link'
        ],
        '2' => [
            'url' => '#',
            'name' => 'Trzeci link'
        ],
        '3' => [
            'url' => '#',
            'name' => 'Czwarty link'
        ],
        '4' => [
            'url' => '#',
            'name' => 'Piąty link'
        ],
        '5' => [
            'url' => '#',
            'name' => 'Szósty link'
        ]
    ]
]}

{call add_block block="slider" props=$props}