Blok «Pobierz plik» - instrukcja do szablonu «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!