Blok Wezwanie do działania (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!