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... |


