Blok „Kartki” — instrukcja do szablonu „Orion Shop”

Wywołanie bloku na stronach sklepu internetowego ID — cards
Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Blok „Kartki” --> {$props = [ 'color_scheme' => 'main', 'no_margin' => false, 'title' => [ 'align' => 'left', 'size' => 'medium, H2', 'text' => '' ], 'text' => 'Karty są nieodłącznym elementem nowoczesnego web developmentu.', 'buttons' => [ '1' => [ 'template' => 'button-one', 'mode' => 'link', 'link' => '#', 'target' => '_self', 'type' => 'secondary', 'anchor' => true, 'icon' => 'none', 'text' => 'Zobacz wszystko' ] ], 'cards' => [ '1' => [ 'template' => 'card-one', 'color_scheme' => 'main', 'lazy' => false, 'name' => 'Nawigacja po sekcjach', 'link' => '#', 'desc' => 'Karty służą jako odnośniki do głównych sekcji lub stron z bardziej szczegółowymi informacjami.', 'badge' => 'Linki', 'image' => 'img/360x260.png' ], '2' => [ 'template' => 'card-one', 'color_scheme' => 'main', 'lazy' => false, 'name' => 'Projekty i portfolio', 'link' => '#', 'desc' => 'W tym bloku może znajdować się od 1 do 3 kart. Można je używać zarówno z linkami, jak i bez.', 'badge' => '', 'image' => 'img/360x260.png' ], '3' => [ 'template' => 'card-one', 'color_scheme' => 'main', 'lazy' => false, 'name' => 'Proste i czytelne', 'link' => '#', 'desc' => 'Karty są wizualnie wyróżnione i odbierane przez użytkowników jako spójna jednostka informacji.', 'badge' => '', 'image' => 'img/360x260.png' ] ] ]} {call add_block block="cards" props=$props}
Możliwe wartości konfiguracyjne bloku „Kartki”:
Właściwość | Typ danych | Opis |
---|---|---|
color_scheme | String | Schemat kolorystyczny bloku. Dozwolone wartości: 'main', 'alter' lub 'semitone' |
no_margin | Boolean | Przy wartości true usuwa górny margines bloku. |
title | Object | Element Tytuł Więcej... |
text | String | Tekst bloku |
buttons | Object | Element „Przycisk” Więcej... |
cards | Object | Element „Kartka” Więcej... |
Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!