Blok Do kogo pasuje (Vega)

Blok "Do kogo pasuje"


Wywołanie bloku na stronach witryny internetowej ID — suitable

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

{$props = [
    'align' => 'left',
    'color_scheme' => 'main',
    'animation' => true,
    'title' => [
        'align' => 'left',
        'size' => 'medium',
        'text' => 'Skąd się wzięło [Lorem Ipsum]?'
    ],
    'label' => [
        'template' => 'label-one',
        'align' => 'left',
        'text' => 'Jego popularyzacja w czasach współczesnych'
    ],
    'items' => [
        '1' => [
            'template' => 'item-one',
            'direction' => 'forward',
            'circle' => 'true',
            'color_scheme' => 'main',
            'icon' => 'img/100x100.png',
            'name' => 'Drukarnie',
            'text' => 'Istnieje wiele opcji Lorem Ipsum'
        ],
        '2' => [
            'template' => 'item-one',
            'direction' => 'forward',
            'circle' => 'true',
            'color_scheme' => 'main',
            'icon' => 'img/100x100.png',
            'name' => 'Biura',
            'text' => 'Istnieje wiele opcji Lorem Ipsum'
        ],
        '3' => [
            'template' => 'item-one',
            'direction' => 'forward',
            'circle' => 'true',
            'color_scheme' => 'main',
            'icon' => 'img/100x100.png',
            'name' => 'Platformy online',
            'text' => 'Istnieje wiele opcji Lorem Ipsum'
        ],
        '4' => [
            'template' => 'item-one',
            'direction' => 'forward',
            'circle' => 'true',
            'color_scheme' => 'main',
            'icon' => 'img/100x100.png',
            'name' => 'Sklepy internetowe',
            'text' => 'Istnieje wiele opcji Lorem Ipsum'
        ]
    ]
]}

{call add_block block="suitable-for" 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'
color_scheme String Schemat kolorów bloku. Dopuszczalne wartości: 'main' lub 'alter'
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
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"
items[1].template String Szablon elementu "item". Dopuszczalne wartości: 'item-one', 'item-two'
items[1].direction String Kierunek elementu od lewej do prawej dla wartości "forward" i od prawej do lewej dla wartości "reverse". Dotyczy tylko dla szablonu 'item-one'
items[1].circle Boolean Dodaje tło w postaci okręgu do ikon. Wartości true lub false. Dotyczy tylko dla szablonu 'item-two'
items[1].color_scheme String Schemat kolorów elementu "item". Przyjmuje wartości 'main' lub 'alter'
items[1].icon String Ścieżka do ikony w odniesieniu do folderu motywu. Zaleca się ładowanie zdjęć za pomocą menedżera plików aplikacji "Witryna".
items[1].name String Nagłówek elementu «item»
items[1].text String Tekst elementu «item»


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