Blok «Ekran główny» — instrukcja do szablonu „Vega 2.0”
![Blok Ekran główny w szablonie Vega 2.0](/wa-data/public/site/img/themes/vega2/vega2-Blok-Ekran-g%C5%82%C3%B3wny.png)
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... |
Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!