Blok Statystyki (Vega)

Blok "Statystyki"


Wywołanie bloku na stronach witryny internetowej ID — statistics

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

{$props = [
    'align' => 'center',
    'background' => 'img/2880x1600.png',
    'parallax' => false,
    'gradient' => true,
    'title' => [
        'align' => 'center',
        'size' => 'small',
        'text' => 'Lorem Ipsum otrzymał wiele wersji.'
    ],
    'label' => [
        'template' => 'label-one',
        'align' => 'center',
        'text' => 'Pierwszy wiersz Lorem Ipsum'
    ],
    'text' => 'Wielu koderów i edytorów HTML używa Lorem Ipsum jako tekstu domyślnego, więc wyszukiwanie słów kluczowych na "lorem ipsum" natychmiast pokazuje, jak wiele stron internetowych wciąż czeka na prawdziwe narodziny.',
    'separators' => [
        "1" => [
            'template' => 'separator-one',
            'type' => '',
            'color' => 'main',
            'position' => 'top'
        ],
        "2" => [
            'template' => 'separator-one',
            'type' => '',
            'color' => 'main',
            'position' => 'bottom'
        ]
    ],
    'scales' => [
        '1' => [
            'color_scheme' => 'alter',
            'percent' => 40,
            'name' => 'Tekst klasyczny'
        ],
        '2' => [
            'color_scheme' => 'alter',
            'percent' => 60,
            'name' => 'Edytory HTML'
        ],
        '3' => [
            'color_scheme' => 'alter',
            'percent' => 90,
            'name' => 'Lorem Ipsum'
        ]
    ]
]}

{call add_block block="statistics" 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'
background String Ścieżka do obrazka tła odniesiona do folderu motywu. Zaleca się ładowanie zdjęć za pomocą menedżera plików aplikacji "Witryna".
parallax Boolean W wartości true dodaje efekt paralaksy
gradient Boolean W wartości true dodaje zaciemnienie obrazu tła
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
label.template String Szablon elementu "Etykieta". Dopuszczalne wartości: 'label-one'
label.align String Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
label.text String Tekst elementu "Etykieta"
text String Tekst bloku
separators[1].position String Pozycja 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'
scales[1].color_scheme String Schemat kolorów elementu "Skala". Dopuszczalne wartości: 'main' lub 'alter'
scales[1].percent Integer Procent, liczba od 0 do 100
scales[1].name String Nazwa skali


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