Blok Pobierz plik (Vega)

Blok "Pobierz plik"


Wywołanie bloku na stronach witryny internetowej ID — download

Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Blok «Pobierz plik» -->

{$props = [
    'quantity' => 2,
    'background' => 'img/2880x1600.png',
    'color' => '#ffffff',
    'align' => 'right',
    'parallax' => false,
    'gradient' => true,
    'title' => [
        'align' => 'right',
        'size' => 'small',
        'text' => 'Lorem Ipsum - zbiór słów wziętych z sufitu'
    ],
    'text' => 'Wiele osób uważa, że Lorem Ipsum to pseudo łaciński zestaw słów wziętych z sufitu, ale to nie do końca prawda. Jej korzenie sięgają pojedynczego fragmentu klasycznej łaciny z 45 roku n.e., czyli sprzed ponad dwóch tysiącleci.',
    'separators' => [
        "1" => [
            'template' => 'separator-one',
            'type' => '',
            'color' => 'main',
            'position' => 'top'
        ],
        "2" => [
            'template' => 'separator-one',
            'type' => '',
            'color' => 'main',
            'position' => 'bottom'
        ]
    ],
    'cards' => [
        '1' => [
            'align' => 'right',
            'name' => 'Lorem Ipsum dla próbek do druku',
            'link' => [
                'template' => $_link_type,
                'uppercase' => false,
                'anchor' => true,
                'color' => 'primary',
                'target' => '_self',
                'link' => '#',
                'text' => 'Pobierz PDF, 346 Kb'
            ]
        ],
        '2' => [
            'align' => 'right',
            'name' => 'Lorem Ipsum wygląda wiarygodnie',
            'link' => [
                'template' => $_link_type,
                'uppercase' => false,
                'anchor' => true,
                'color' => 'primary',
                'target' => '_self',
                'link' => '#',
                'text' => 'Pobierz PDF, 190 Kb'
            ]
        ]
    ]
]}

{call add_block block="download" props=$props}
Właściwość Typ danych Opis
quantity Integer Liczba kart w bloku
background String Ścieżka do obrazka tła odniesiona do folderu motywu. Zaleca się ładowanie zdjęć za pomocą menedżera plików aplikacji "Witryna".
color String Kolor tekstu bloku, dopuszczalne są dowolne kolory internetowe
align String Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
parallax Boolean W wartości true dodaje efekt paralaksy
gradient Boolean W wartości true dodaje zaciemnienie obrazu tła
title.align String Wyrównanie nagłówka do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
title.size String Rozmiar i typ nagłówka. Możliwe wartości: "big" - duży nagłówek z tagiem <h1>; 'medium' — nagłówek średniej wielkości z tagiem <h2>; 'small' — mały nagłówek z tagiem <h3>
text String Tekst bloku
separators[1].position String Położenie separatora w stosunku do bloku, wartość 'top' na górze bloku, wartość 'bottom' na dole bloku
separators[1].template String Szablon elementu "Separator", dopuszczalne wartości 'separator-one'
separators[1].type String Widok elementu "Separator". Pusty ciąg '' - ukryj. Wartości 'wave' - fala, 'curtain' — kurtyna, 'triangle' — trójkąt, 'arc' — łuk, 'clouds' - chmury.
separators[1].color String Kolor separatora. Dopuszczalne wartości: 'main' lub 'alter'
cards[1].align String Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
cards[1].name String Nagłówek karty
cards[1].link.template String Szablon elementu "Link". Wartości: 'link-one', 'link-two' lub 'link-three'
cards[1].link.uppercase Boolean Jeśli wartość true, przekłada wszystkie znaki na wielkie litery
cards[1].link.anchor Boolean Jeśli wartość true, włącza tryb linku kotwiczącego. Jeśli adres url będzie miał wartość #ID_BLOKU i na stronie znajduje się blok, to kliknięcie na link spowoduje przeniesienie ekranu do tego bloku.
cards[1].link.color String Schemat kolorów elementu "Link". Dopuszczalne wartości: 'primary', 'secondary', 'dark' lub 'inverse'
cards[1].link.target String W wartości '_self' po kliknięciu linku strona otwiera się w bieżącym oknie. W wartości '_blank' — w nowym oknie.
cards[1].link.link String URL linku
cards[1].link.text String Tekst linku


Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!