Blok Ekran główny w szablonie Vega 2.0
Blok „Ekran główny”


Wywołanie bloku na stronach witryny internetowej. ID — mainscreen

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


<!-- Blok „Ekran główny” -->

{$props = [
    'id' => '',
    'color_scheme' => 'secondary',
    'background' => 'img/placeholders/1920x800.png',
    'mobile_background' => 'img/placeholders/480x860.png',
    'video_background' => '',
    'image' => '',
    'image_align' => 'bottom',
    'dimming' => '1',
    'inversion' => '1',
    'align' => 'left',
    'separator' => [
        'type' => 'wave',
        'color_scheme' => 'secondary'
    ],
    'badge' => [
        'text' => 'Lorem Ipsum',
        'size' => 'medium',
        'gap' => '1',
        'animation' => '50'
    ],
    'title' => [
        'align' => 'left',
        'size' => 'big, H2',
        'text' => 'Zestaw słów wziętych z sufitu',
        'gap' => '1',
        'animation' => '150'
    ],
    'text' => [
        'align' => 'left',
        'content' => 'Lorem Ipsum jest standardową "rybą" dla tekstów łacińskich od początku XVI wieku. Jest to "rybi" tekst często używany w druku i projektowaniu stron internetowych.',
        'width' => '700',
        'gap' => '1',
        'animation' => '250'
    ],
    'button' => [
        '1' => [
            'mode' => 'feedback',
            'url' => '#',
            'type' => 'primary',
            'width' => 'narrow',
            'gap' => '',
            'text' => 'Więcej',
            'animation' => '350'
        ]
    ]
]}
{call add_block block="mainscreen" props=$props}


Możliwe konfiguracje dla bloku „Ekran główny”

>
Właściwość Typ danych Opis
id String ID bloku. Wartość ta musi być unikalna, jeśli blok jest używany wielokrotnie na tej samej stronie.
color_scheme String Schemat kolorów bloku. Dozwolone wartości: 'primary', 'secondary' lub 'semitone'
background String Ścieżka do obrazu tła względem folderu z szablonem.
mobile_background String Ścieżka do obrazu tła dla urządzeń mobilnych względem folderu z szablonem.
video_background String Ścieżka do pliku wideo, zastępuje obraz tła.
image String Ścieżka do obrazu bloku względem folderu z szablonem.
image_align String Wyrównanie obrazu. Wartości: 'center', 'bottom'.
dimming Boolean Gdy true, dodaje przyciemnienie obrazu tła.
inversion Boolean Gdy true, dodaje inwersję tekstu i elementów.
align String Wyrównanie elementów. Wartości: 'center', 'bottom', 'right'.
separator Object Obiekt separatora bloków
badge Object Element „Odznaka” Więcej...
title Object Element „Tytuł” Więcej...
text Object Element „Tekst” Więcej...
button Object Element „Przycisk” Więcej...