Blok «Kolumny» - instrukcja do szablonu «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!