Blok Kolumny (Orion)

Blok "Kolumny"

Wywołanie bloku na stronach witryny internetowej ID — columns

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

{$props = [
    'id' => '',
    'color_scheme' => 'main',
    'no_margin' => false,
    'template' => '3',
    'circle' => true,
    'icon_style' => 'is-linear',
    'title' => [
        'align' => 'center',
        'size' => 'medium, H2',
        'text' => 'Nowoczesna technologia, aby wyrazić swój biznes online'
    ],
    'badge' => 'Gotowe bloki',
    'columns' => [
        '1' => [
            'show' => true,
            'iconset' => '1',
            'image' => '',
            'image_size' => 'small',
            'name' => 'Szybki start',
            'text' => '<p>Motyw "Orion" dla CMS >Web Systems Pro< pozwala na stworzenie wysokiej jakości zasobów internetowych w krótkim czasie bez znajomości języków programowania. Strona na "Orion" składa się z gotowych elementów, które można postawić w ciągu jednego dnia. Proste i elastyczne ustawienia sprawiają, że praca nad modyfikacją strony jest wygodna i szybka.</p>'
        ],
        '2' => [
            'show' => true,
            'iconset' => '2',
            'image' => '',
            'image_size' => 'small',
            'name' => 'Przyjazny dla użytkownika interfejs',
            'text' => '<p>Przyjazny interfejs użytkownika nie pozwoli odwiedzającym zaplątać się w elementy witryny. Projektując motyw, staraliśmy się stworzyć atrakcyjny projekt z prostą funkcjonalnością. Zwróciliśmy uwagę na wszystkie drobiazgi, od płynnego przewijania po wygodną pracę z kształtem.</p>'
        ],
        '3' => [
            'show' => true,
            'iconset' => '3',
            'image' => '',
            'image_size' => 'small',
            'name' => 'Adaptacyjność i możliwość pracy w różnych przeglądarkach',
            'text' => '<p>"Orion" jest doskonale zoptymalizowany do pracy na urządzeniach mobilnych. Jednocześnie strona będzie się świetnie prezentować na laptopach i komputerach PC. Układ dostosowany jest do wszystkich rozdzielczości, w tym do ekranów panoramicznych 21:9.</p>'
        ],
        '4' => [
            'show' => false,
            'iconset' => '4',
            'image' => '',
            'image_size' => 'small',
            'name' => 'Prawidłowy kod',
            'text' => '<p>Kiedy kupujesz motyw, otrzymujesz poprawny i czysty kod. Twoja strona będzie działać szybko i poprawnie. Technologie wykorzystane w temacie: HTML, LESS, Smarty, TypeScript.</p>'
        ]
    ]
]}

{call add_block block="columns" props=$props}


Właściwość Typ danych Opis
color_scheme String Schemat kolorów bloku. Dopuszczalne wartości: 'main', 'alter' lub 'semitone'
no_margin Boolean Wartość true usuwa górne wcięcie bloku.
template Integer Liczba kolumn, od 2 do 4 włącznie
icon_style String Styl ikon. Wartość: 'is-linear' – obwódka; 'is-semitone' – półton; 'is-filled' – gruntowanie.
circle Boolean W wartości true dodaje okrąg jako tło dla ikon
title Object Element "Nagłówek" Więcej...
badge String Badge
columns[1].show Boolean W wartości false ukrywa kolumnę
columns[1].iconset String Liczba, numer porządkowy ikony. Pusta linia '', aby użyć swojego obrazu.
columns[1].image String Ścieżka do obrazka odniesiona do folderu motywu. Rekomendujemy, aby zdjęcia były ładowane poprzez menadżera plików aplikacji "Witryna".
columns[1].image_size String Rozmiar ikony. Wartość 'small', 'medium' lub 'big'
columns[1].name String Nagłówek kolumny
columns[1].text String Tekst kolumny


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