Blok Suwak (Orion Shop)
Blok "Suwak" (Orion Shop)


Wywołanie bloku na stronach sklepu internetowego ID — slider

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

{$props = [
  'template' => 'slide-one',
  'color_scheme' => 'semitone',
  'icon_style' => 'is-linear',
  'icon_color' => 'is-primary',
  'loop' => true,
  'navigation' => true,
  'slides' => [
    '1' => [
      'show' => true,
      'color' => 'hsl(225, 12%, 13%)',
      'background' => '',
      'lazy' => false,
      'shadow' => false,
      'margin' => true,
      'color_scheme' => 'semitone',
      'animation' => true,
      'title' => [
        'align' => 'left',
        'size' => 'big, H1',
        'text' => 'Szablon graficzny „Orion Shop”'
      ],
      'text' => 'Szablon Orion Shop dla Shopy-Script pozwoli Ci stworzyć nowoczesny i elastyczny sklep internetowy, zoptymalizowany dla wszystkich urządzeń.',
      'image' => 'img/500x370.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'wide' => true,
          'anchor' => true,
          'text' => 'Więcej'
        ]
      ]
    ],
    '2' => [
      'show' => true,
      'color' => 'hsl(225, 12%, 13%)',
      'background' => '',
      'lazy' => false,
      'shadow' => false,
      'margin' => true,
      'color_scheme' => 'semitone',
      'animation' => true,
      'title' => [
        'align' => 'left',
        'size' => 'big, H2',
        'text' => 'Szablon graficzny „Orion Shop”'
      ],
      'text' => 'Szablon Orion Shop dla Shopy-Script pozwoli Ci stworzyć nowoczesny i elastyczny sklep internetowy, zoptymalizowany dla wszystkich urządzeń.',
      'image' => 'img/500x370.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'wide' => true,
          'anchor' => true,
          'text' => 'Więcej'
        ]
      ]
    ],
    '3' => [
      'show' => true,
      'color' => 'hsl(225, 12%, 13%)',
      'background' => '',
      'lazy' => false,
      'shadow' => false,
      'margin' => true,
      'color_scheme' => 'semitone',
      'animation' => true,
      'title' => [
        'align' => 'left',
        'size' => 'big, H2',
        'text' => 'Szablon graficzny „Orion Shop”'
      ],
      'text' => 'Szablon Orion Shop dla Shopy-Script pozwoli Ci stworzyć nowoczesny i elastyczny sklep internetowy, zoptymalizowany dla wszystkich urządzeń.',
      'image' => 'img/500x370.png',
      'buttons' => [
        '1' => [
          'template' => 'button-one',
          'mode' => 'link',
          'link' => '#',
          'target' => '_self',
          'type' => 'primary',
          'wide' => true,
          'anchor' => true,
          'text' => 'Więcej'
        ]
      ]
    ]
  ],
  'links' => [
    '1' => [
      'text' => 'Zniżki i promocje',
      'url' => '#',
      'iconset' => '29',
      'icon' => ''
    ],
    '2' => [
      'text' => 'Dostawa i płatność',
      'url' => '#',
      'iconset' => '23',
      'icon' => ''
    ],
    '3' => [
      'text' => 'Adresy sklepów',
      'url' => '#',
      'iconset' => '221',
      'icon' => ''
    ]
  ]
]}

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


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

Właściwość Typ danych Opis
template String Szablon slajdów. Dozwolone wartości: 'slide-one'
color_scheme String Schemat kolorystyczny bloku. Dozwolone wartości: 'main', 'alter' lub 'semitone'
icon_style String Styl ikon. Wartości: 'is-linear' – kontur; 'is-semitone' – półton; 'is-filled' – wypełnienie.
icon_color String Kolor ikon. Wartości: 'is-primary' lub 'is-secondary'
loop Boolean Przy wartości true slajdy zapętlają się
navigation Boolean Przy wartości true wyświetlana jest nawigacja
slides[1].show Boolean Przy wartości true slajd jest wyświetlany
slides[1].color String Kolor tekstu slajdu, dozwolone dowolne kolory webowe
slides[1].background String Ścieżka do tła slajdu względem folderu.
slides[1].lazy Boolean Przy wartości true stosuje leniwe ładowanie obrazów
slides[1].shadow Boolean Przy wartości true dodaje zacienienie tła
slides[1].margin Boolean Przy wartości true dodaje górny i dolny margines
slides[1].color_scheme String Schemat kolorystyczny slajdu. Dozwolone wartości: 'main', 'alter' lub 'semitone'
slides[1].animation Boolean Przy wartości true włącza animację slajdu
slides[1].title Object Element „Tytuł” Więcej...
slides[1].text String Tekst slajdu
slides[1].image String Ścieżka do obrazu na slajdzie względem folderu.
slides[1].buttons Object Element „Przycisk” Więcej...
links[1].text String Tekst linku
links[1].url String Link
links[1].iconset String Numer ikony w zestawie. Pusta wartość '' oznacza użycie własnego obrazu.
links[1].icon String Ścieżka do ikony względem folderu.