Blok «Galeria» - instrukcja do szablonu «Vega»
Blok "Galeria" wyświetla obrazy z aplikacji "Zdjęcia" na stronach witryny jako suwak.
Blok "Galeria"
Wywołanie bloku na stronach witryny internetowej ID — gallery
Aby zrobić suwak z konkretnego albumu, utwórz album w backendzie galerii zdjęć, dodaj do niego żądane zdjęcia. W ustawieniach bloku wprowadź wartość filtra album/1, gdzie 1 to ID albumu.
Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Blok «Galeria» --> {$props = [ 'color_scheme' => 'alter', 'use_header' => true, 'use_links' => false, 'limit' => 6, 'search_conditions' => '', 'use_description' => true, 'title' => [ 'align' => 'left', 'size' => 'medium', 'text' => 'Galeria Zdjęć' ], 'text' => 'Ten traktat o teorii etycznej był bardzo popularny w okresie renesansu. Pierwszy wiersz Lorem Ipsum: "Lorem ipsum dolor sit amet...', 'link' => [ 'template' => $_link_type, 'uppercase' => false, 'anchor' => true, 'color' => 'primary', 'target' => '_self', 'link' => '/photos/', 'text' => 'Patrz wszystkie zdjęcia' ] ]} {call add_block block="gallery" props=$props}
Właściwość | Typ danych | Opis |
---|---|---|
color_scheme | String | Schemat kolorów bloku. Dopuszczalne wartości: 'main' lub 'alter' |
use_header | Boolean | Gdy wartość false, ukrywa nagłówek bloku |
use_links | Boolean | W wartości true każda karta obrazu staje się linkiem do większej wersji w aplikacji "Zdjęcia" |
limit | Integer | Maksymalna liczba obrazów w bloku |
search_conditions | String | Warunek filtrowania obrazów. Na przykład: tag/vacations - filtruj według tagu, album/1 - filtruj według albumów, id/1,5,7 - wyświetl określone zdjęcia |
use_description | Boolean | Wartość true dodaje opis dla każdego obrazu, jeśli jest wypełniony w aplikacji "Zdjęcia" |
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> |
title.text | String | Tekst nagłówka |
text | String | Tekst bloku |
link.template | String | Szablon elementu "Link". Wartość: 'link-one', 'link-two' lub 'link-three' |
link.uppercase | Boolean | Jeśli wartość true, zamienia wszystkie znaki na wielkie litery |
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. |
link.color | String | Schemat kolorów elementu "Link". Dopuszczalne wartości: 'primary', 'secondary', 'dark' lub 'inverse' |
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. |
link.link | String | URL linku |
link.text | String | Tekst linku |
Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!