Blok Akordeon (Orion Shop)
Blok "Akordeon" (Orion Shop)


Wywołanie bloku na stronach sklepu internetowego ID — accordion

Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
    <!-- Blok „Akordeon” -->

{$props = [
  'color_scheme' => 'main',
  'lazy' => false,
  'no_margin' => false,
  'title' => [
    'align' => 'left',
    'size' => 'medium, H2',
    'text' => 'Szablon graficzny „Orion Shop”'
  ],
  'tabs' => [
    '1' => [
      'name' => 'Klasyczny tekst Lorem Ipsum',
      'desc' => '<p>Wielu uważa, że Lorem Ipsum to przypadkowy zestaw słów w pseudołacińskim stylu, ale to nie do końca prawda.</p><p>Jego korzenie sięgają fragmentu klasycznej łaciny z 45 roku n.e., czyli ponad dwóch tysięcy lat temu.</p>',
      'image' => 'img/175x175.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'anchor' => true,
          'text' => 'Więcej informacji'
        ]
      ]
    ],
    '2' => [
      'name' => 'Klasyczny tekst Lorem Ipsum',
      'desc' => '<p>Wielu uważa, że Lorem Ipsum to przypadkowy zestaw słów w pseudołacińskim stylu, ale to nie do końca prawda.</p><p>Jego korzenie sięgają fragmentu klasycznej łaciny z 45 roku n.e., czyli ponad dwóch tysięcy lat temu.</p>',
      'image' => 'img/175x175.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'anchor' => true,
          'text' => 'Więcej informacji'
        ]
      ]
    ],
    '3' => [
      'name' => 'Klasyczny tekst Lorem Ipsum',
      'desc' => '<p>Wielu uważa, że Lorem Ipsum to przypadkowy zestaw słów w pseudołacińskim stylu, ale to nie do końca prawda.</p><p>Jego korzenie sięgają fragmentu klasycznej łaciny z 45 roku n.e., czyli ponad dwóch tysięcy lat temu.</p>',
      'image' => 'img/175x175.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'anchor' => true,
          'text' => 'Więcej informacji'
        ]
      ]
    ]
  ]
]}

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


Możliwe wartości konfiguracyjne bloku „Akordeon”:

Właściwość Typ danych Opis
color_scheme String Schemat kolorystyczny bloku. Dozwolone wartości: 'main', 'alter' lub 'semitone'
lazy Boolean Przy wartości true stosuje leniwe ładowanie obrazów
no_margin Boolean Przy wartości true usuwa górny margines bloku.
title Object Element „Tytuł” Więcej...
tabs[1].name String Nazwa zakładki
tabs[1].desc String Opis zakładki
tabs[1].image String Ścieżka do obrazu względem folderu.
tabs[1].buttons Object Element „Przycisk” Więcej...