Blok „Suwak” (Vega Blog)
Blok „Suwak” - szablon "Vega Blog"


Wywołanie bloku na stronach witryny internetowej ID — slider 


    <!-- Blok „Suwak” -->

{$props = [
    'color_scheme' => 'main',
    'no_margin' => false,
    'lazy' => true,
    'autoplay' => true,
    'hash' => false,
    'slides' => [
        '1' => [
            'show' => true,
            'id' => '1',
            'badge' => 'Popularne',
            'preview' => 'img/820x500.png',
            'shadow' => true,
            'lazy' => true,
            'show_views' => true,
            'show_comments' => true,
            'title' => [
                'align' => 'left',
                'size' => 'tiny'
            ],
            'width' => '820',
            'height' => '500'
        ],
        '2' => [
            'show' => true,
            'id' => '1',
            'badge' => '',
            'preview' => 'img/820x500.png',
            'shadow' => true,
            'lazy' => true,
            'show_views' => true,
            'show_comments' => true,
            'title' => [
                'align' => 'left',
                'size' => 'tiny'
            ],
            'width' => '820',
            'height' => '500'
        ],
        '3' => [
            'show' => true,
            'id' => '1',
            'badge' => '',
            'preview' => 'img/820x500.png',
            'shadow' => true,
            'lazy' => true,
            'show_views' => true,
            'show_comments' => true,
            'title' => [
                'align' => 'left',
                'size' => 'tiny'
            ],
            'width' => '820',
            'height' => '500'
        ],
        '4' => [
            'show' => true,
            'id' => '1',
            'badge' => '',
            'preview' => 'img/820x500.png',
            'shadow' => true,
            'lazy' => true,
            'show_views' => true,
            'show_comments' => true,
            'title' => [
                'align' => 'left',
                'size' => 'tiny'
            ],
            'width' => '820',
            'height' => '500'
        ]
    ],
    'items' => [
        'list' => '1, 2, 3',
        'show_views' => true,
        'show_comments' => true,
        'show_author' => true,
        'publisher' => [
            'logo_url' => '',
            'phone' => '+48 (987) 123 456',
            'city' => 'Warszawa'
        ]
    ]
]}

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


Tabela odpowiednich właściwości dla bloku „Suwak”

Właściwość Typ danych Opis
color_scheme String Schemat kolorów bloku. Dozwolone wartości: 'main', 'alter' lub 'semitone'
no_margin Boolean W przypadku wartości true usuwa górne wcięcie bloku.
lazy Boolean W przypadku wartości true stosuje leniwe ładowanie do obrazów
autoplay Boolean Automatyczne odwracanie slajdów, zostanie wstrzymane, jeśli kursor znajdzie się nad blokiem. Wartości true lub false
hash Boolean Nawigacja suwaka za pomocą adresu url. Wartości true lub false
slides[1].show Boolean W przypadku wartości true pokazuje slajd
slides[1].id String ID wpisu
slides[1].badge String Etyketa
slides[1].preview String Ścieżka do obrazu podglądu względem folderu szablonu. Zaleca się przesyłanie obrazów za pośrednictwem menedżera plików aplikacji "Witryna".
slides[1].shadow Boolean W przypadku wartości true dodaje przyciemnienie obrazu tła
slides[1].lazy Boolean W przypadku wartości true stosuje leniwe ładowanie do obrazów
slides[1].show_views Boolean W przypadku wartości false, ukrywa liczbę wyświetleń
slides[1].show_comments Boolean W przypadku wartości false, ukrywa liczbę komentarzy
slides[1].show_author Boolean W znaczeniu false ukrywa autora
slides[1].title Object Element „Tytuł” Więcej...
slides[1].width Integer Podstawowa szerokość elementu
slides[1].height Integer Podstawowa wysokość elementu
items[1].list String Lista ID wpisów oddzielonych przecinkami
items[1].show_views Boolean W przypadku wartości false, ukrywa liczbę wyświetleń
items[1].show_comments Boolean W przypadku wartości false, ukrywa liczbę komentarzy
items[1].show_author Boolean W przypadku wartości false ukrywa autora
items[1].publisher.logo_url String Dane wydawcy dla mikroznaczników Schema.org Organization. Logo wydawcy
items[1].publisher.phone String Numer telefonu wydawcy
items[1].publisher.city String Adres wydawcy (miasto)