Blok Kolumny (Orion Shop)
Blok "Kolumny" (Orion Shop)


Wywołanie bloku na stronach sklepu internetowego ID — columns

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

{$props = [
  'no_margin' => false,
  'color_scheme' => 'main',
  'title' => [
    'align' => 'left',
    'size' => 'medium, H2',
    'text' => 'Potrzebujesz pomocy?'
  ],
  'columns' => [
    '1' => [
      'name' => 'Czat obsługi klienta 24/7',
      'text' => 'Jest wiele wariantów Lorem Ipsum, ale większość z nich ma nieakceptowalne modyfikacje, takie jak humorystyczne wstawki lub słowa, które nawet w przybliżeniu nie przypominają łaciny.',
      'icon_style' => 'is-linear',
      'icon_color' => 'is-primary',
      'iconset' => '1',
      'icon' => '',
      'link' => [
        'template' => 'link-two',
        'anchor' => true,
        'uppercase' => true,
        'color' => 'secondary',
        'target' => '_self',
        'link' => '#',
        'text' => 'Czytaj więcej'
      ]
    ],
    '2' => [
      'name' => 'FAQ',
      'text' => 'Jest wiele wariantów Lorem Ipsum, ale większość z nich ma nieakceptowalne modyfikacje, takie jak humorystyczne wstawki lub słowa, które nawet w przybliżeniu nie przypominają łaciny.',
      'icon_style' => 'is-linear',
      'icon_color' => 'is-primary',
      'iconset' => '2',
      'icon' => '',
      'link' => [
        'template' => 'link-two',
        'anchor' => true,
        'uppercase' => true,
        'color' => 'secondary',
        'target' => '_self',
        'link' => '#',
        'text' => 'Czytaj więcej'
      ]
    ],
    '3' => [
      'name' => 'Blog',
      'text' => 'Jest wiele wariantów Lorem Ipsum, ale większość z nich ma nieakceptowalne modyfikacje, takie jak humorystyczne wstawki lub słowa, które nawet w przybliżeniu nie przypominają łaciny.',
      'icon_style' => 'is-linear',
      'icon_color' => 'is-primary',
      'iconset' => '3',
      'icon' => '',
      'link' => [
        'template' => 'link-two',
        'anchor' => true,
        'uppercase' => true,
        'color' => 'secondary',
        'target' => '_self',
        'link' => '#',
        'text' => 'Czytaj więcej'
      ]
    ]
  ]
]}

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


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

Właściwość Typ danych Opis
no_margin Boolean Wartość true usuwa górny margines bloku.
color_scheme String Schemat kolorów bloku. Dopuszczalne wartości: 'main', 'alter' lub 'semitone'
title Object Element „Tytuł” Więcej...
columns.name String Nazwa kolumny
columns.text String Tekst kolumny
columns.icon_style String Styl ikon. Wartości: 'is-linear' – obrys; 'is-semitone' – półton; 'is-filled' – wypełnienie.
columns.icon_color String Kolor ikon. Wartości: 'is-primary' lub 'is-secondary'
columns.iconset String Liczba, numer porządkowy ikony. Pusta string '', aby użyć własnego obrazu.
columns.icon String Ścieżka do ikony w odniesieniu do folderu.
columns.link Object Element „Link” Więcej...