Blok „Zakładki” — instrukcja do szablonu „Orion Shop”

Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej

    <!-- Blok „Zakładki” -->

{$props = [
  'color_scheme' => 'main',
  'no_margin' => false,
  'template' => 'widecard-one',
  'tabs' => [
    '1' => [
      'color_scheme' => 'main',
      'lazy' => false,
      'name' => 'Pierwsza zakładka',
      'title' => [
        'align' => 'left',
        'size' => 'medium, H3',
        'text' => 'Czym jest Lorem Ipsum?'
      ],
      'text' => 'Wielu myśli, że Lorem Ipsum to zestaw łacińskich słów wziętych z sufitu, ale tak nie jest. Jego korzenie sięgają fragmentu klasycznej łaciny z 45 roku n.e.',
      'image' => 'img/500x300.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'wide' => true,
          'anchor' => true,
          'text' => 'Czytaj więcej'
        ]
      ]
    ],
    '2' => [
      'color_scheme' => 'main',
      'lazy' => false,
      'name' => 'Druga zakładka',
      'title' => [
        'align' => 'left',
        'size' => 'medium, H3',
        'text' => 'Dlaczego używamy Lorem Ipsum?'
      ],
      'text' => 'Wielu myśli, że Lorem Ipsum to zestaw łacińskich słów wziętych z sufitu, ale tak nie jest. Jego korzenie sięgają fragmentu klasycznej łaciny z 45 roku n.e.',
      'image' => 'img/500x300.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'wide' => true,
          'anchor' => true,
          'text' => 'Czytaj więcej'
        ]
      ]
    ],
    '3' => [
      'color_scheme' => 'main',
      'lazy' => false,
      'name' => 'Trzecia zakładka',
      'title' => [
        'align' => 'left',
        'size' => 'medium, H3',
        'text' => 'Skąd wzięło się Lorem Ipsum?'
      ],
      'text' => 'Wielu myśli, że Lorem Ipsum to zestaw łacińskich słów wziętych z sufitu, ale tak nie jest. Jego korzenie sięgają fragmentu klasycznej łaciny z 45 roku n.e.',
      'image' => 'img/500x300.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'wide' => true,
          'anchor' => true,
          'text' => 'Czytaj więcej'
        ]
      ]
    ],
    '4' => [
      'color_scheme' => 'main',
      'lazy' => false,
      'name' => 'Czwarta zakładka',
      'title' => [
        'align' => 'left',
        'size' => 'medium, H3',
        'text' => 'Gdzie znaleźć Lorem Ipsum?'
      ],
      'text' => 'Wielu myśli, że Lorem Ipsum to zestaw łacińskich słów wziętych z sufitu, ale tak nie jest. Jego korzenie sięgają fragmentu klasycznej łaciny z 45 roku n.e.',
      'image' => 'img/500x300.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'wide' => true,
          'anchor' => true,
          'text' => 'Czytaj więcej'
        ]
      ]
    ]
  ]
 ]}

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

Możliwe wartości konfiguracyjne bloku „Zakładki”: