Blok Opowiadanie (Vega)

Blok "Opowiadanie"


Wywołanie bloku na stronach witryny internetowej ID — story

Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Blok «Opowiadanie» -->

{$props = [
    'align' => 'center',
    'lower_layer' => 'img/2880x1600.png',
    'text_layer' => 'Opowiadanie',
    'top_layer' => '',
    'color' => '#ffffff',
    'gradient' => true,
    'animation' => true,
    'title' => [
        'align' => 'left',
        'size' => 'medium',
        'text' => 'Pseudo łaciński zestaw słów'
    ],
    'text' => 'Lorem Ipsum to "ryba" tekst często stosowany w druku i projektowaniu stron internetowych. Lorem Ipsum jest standardową "rybą" dla tekstów łacińskich od początku XVI wieku. W tym czasie pewien nienazwany drukarz stworzył duży zbiór rozmiarów i kształtów czcionek, używając Lorem Ipsum do próbek druku. Lorem Ipsum nie tylko z powodzeniem przetrwało pięć wieków bez zauważalnych zmian, ale także dokonało przeskoku do projektowania elektronicznego.',
    'separators' => [
        "1" => [
            'template' => 'separator-one',
            'type' => '',
            'color' => 'alter',
            'position' => 'top'
        ],
        "2" => [
            'template' => 'separator-one',
            'type' => 'arc',
            'color' => 'main',
            'position' => 'bottom'
        ]
    ]
]}

{call add_block block="story" props=$props}
Właściwość Typ danych Opis
align String Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
lower_layer String Obraz tła, warstwa górna. Ścieżka do obrazka odniesiona do folderu z motywem. Zaleca się ładowanie zdjęć za pośrednictwem menedżera plików aplikacji "Witryna".
text_layer String Warstwa tekstowa, duży tekst w centrum. Ograniczenie do maksymalnie 14 znaków.
top_layer String Obraz tła, warstwa dolna. Ścieżka do obrazka odniesiona do folderu z motywem. Zaleca się ładowanie zdjęć za pośrednictwem menedżera plików aplikacji "Witryna".
color String Kolor tekstu bloku, dopuszczalne są dowolne kolory internetowe
gradient Boolean W wartości true dodaje zaciemnienie obrazu tła
animation Boolean Włącza lub wyłącza animację wyglądu elementów. Wartości true lub false
title.align String Wyrównanie nagłówka do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
title.size String Rozmiar i typ nagłówka. Możliwe wartości: "big" - duży nagłówek z tagiem <h1>; 'medium' — nagłówek średniej wielkości z tagiem <h2>; 'small' — mały nagłówek z tagiem <h3>
title.text String Tekst nagłówka
text String Tekst bloku
separators[1].position String Położenie separatora w stosunku do bloku, wartość 'top' na górze bloku, wartość 'bottom' na dole bloku
separators[1].template String Szablon elementu "Separator", dopuszczalne wartości 'separator-one'
separators[1].type String Widok elementu "Separator". Pusty ciąg '' - ukryj. Wartości 'wave' - fala, 'curtain' — kurtyna, 'triangle' — trójkąt, 'arc' — łuk, 'clouds' - chmury.
separators[1].color String Kolor separatora. Dopuszczalne wartości: 'main' lub 'alter'


Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!