Blok «Wezwanie do działania» - instrukcja do szablonu «Vega»
Blok "Wezwanie do działania"
Wywołanie bloku na stronach witryny internetowej ID — cta
Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Blok «Wezwanie do działania» --> {$props = [ 'align' => 'left', 'color_scheme' => 'main', 'animation' => true, 'show_phone' => true, 'phones' => [ 'template' => 'phone-one', 'dropdown' => true, 'number' => '+48 (800) 000 000', 'schedule' => 'Pon-Sob 08:00–18:00', 'numbers' => [ "1" => [ 'number' => '+48 (800) 000 001', 'text' => 'Dział sprzedaży' ], "2" => [ 'number' => '+48 (800) 000 002', 'text' => 'Whatsapp czat' ] ] ], 'title' => [ 'align' => 'left', 'size' => 'medium', 'text' => 'Czy są pytania?' ], 'text' => 'Na przestrzeni lat tekst Lorem Ipsum otrzymał wiele wersji. Niektóre wersje pojawiły się przez pomyłkę, niektóre celowo (np. wersje humorystyczne).', 'card' => [ 'template' => 'card-one', 'align' => 'left', 'color_scheme' => 'main', 'image' => 'img/200x200.png', 'name' => 'Urszyła', 'bold' => '', 'text' => 'Główny specjalista, 7 lat doświadczenia' ], 'buttons' => [ "1" => [ 'template' => $_button_type, 'mode' => 'feedback', 'link' => '#', 'target' => '_self', 'type' => 'primary', 'shiny' => true, 'anchor' => true, 'text' => 'Zadaj pytanie' ], "2" => [ 'template' => $_button_type, 'mode' => 'link', 'link' => '#', 'target' => '_self', 'type' => 'secondary', 'shiny' => false, 'anchor' => true, 'text' => 'Więcej' ] ] ]} {call add_block block="cta" props=$props}
Właściwość | Typ danych | Opis |
---|---|---|
align | String | Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right' |
color_scheme | String | Schemat kolorów bloku. Dopuszczalne wartości: 'main' lub 'alter' |
animation | Boolean | Włącza lub wyłącza animację wyglądu elementów. Wartości true lub false |
show_phone | Boolean | W wartości false ukrywa element «phones» |
phones.template | String | Szablon elementu "widecard". Dostępne wartości 'phone-one' |
phones.dropdown | Boolean | W wartości true dodaje menu rozwijane z dodatkowymi telefonami |
phones.number | String | Numer telefonu |
phones.schedule | String | Godziny pracy |
phones.numbers[1].number | String | Dodatkowy numer telefonu |
phones.numbers[1].text | String | Podpis do numeru |
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 |
card.template | String | Szablon karty. Dostępne wartości 'card-one', 'card-two' |
card.align | String | Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right' |
card.color_scheme | String | Kolorystyka elementu. Dopuszczalne wartości: 'main' lub 'alter' |
card.image | String | Ścieżka do obrazu w odniesieniu do folderu z motywem. Zaleca się, aby obrazy były ładowane za pośrednictwem menedżera plików aplikacji "Witryna". |
card.name | String | Tytuł karty |
card.bold | String | Pogrubiony tekst, dostępny w szablonie 'card-two' |
card.text | String | Tekst karty |
buttons[1].template | String | Szablon elementu "Przycisk". Dostępne wartości 'button-one', 'button-two', 'button-three', 'button-four' lub 'button-five' |
buttons[1].mode | String | Działanie przycisków. Tryb 'link' - przycisk działa jak link, 'feedback' - przycisk otwiera formularz informacji zwrotnej, 'call' - przycisk dzwoni na numer telefonu z ustawień motywu (dostępny tylko na stronie głównej), 'whatsapp' - otwiera chat Whatsapp (dostępny tylko na stronie głównej) |
buttons[1].link | String | URL linku |
buttons[1].target | String | W wartości '_self' po kliknięciu linku strona otwiera się w bieżącym oknie. W wartości '_blank' — w nowym oknie. |
buttons[1].type | String | Typ przycisku. Wartości 'primary', 'secondary' |
buttons[1].shiny | Boolean | Dodaje animację blasku dla przycisku w wartości true |
buttons[1].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. |
buttons[1].text | String | Tekst przycisku |
Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!