Blok Kartki (Orion Shop)
Blok "Kartki" (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!