Blok Korzyści (Vega)

Blok "Korzyści"


Wywołanie bloku na stronach witryny internetowej ID — advantage

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

{$props = [
    'align' => 'left',
    'color_scheme' => 'main',
    'animation' => true,
    'collage' => [
        'template' => 'collage-one',
        'color_scheme' => 'main',
        'direction' => 'reverse',
        'image_one' => 'img/370x300-alter.png',
        'image_two' => 'img/370x400-alter.png',
        'text_one' => 'Używa słownika',
        'text_two' => 'Używa słownika'
    ],
    'title' => [
        'align' => 'left',
        'size' => 'medium',
        'text' => 'Używa słownika z'
    ],
    'accent' => [
        'template' => 'accent-one',
        'align' => 'left',
        'text' => '200 słów'
    ],
    'text' => 'Od dawna wiadomo, że przy ocenie projektu i kompozycji czytelny tekst zapobiega koncentracji. Lorem Ipsum jest używane, ponieważ zapewnia mniej więcej standardowe wypełnienie szablonu.',
    'list' => [
        'template' => 'list-one',
        'color_scheme' => 'main',
        'align' => 'left',
        'list' => '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'
    ],
    'buttons' => [
        "1" => [
            'template' => $_button_type,
            'mode' => 'feedback',
            'link' => '#cta',
            'target' => '_self',
            'type' => 'primary',
            'shiny' => false,
            'anchor' => true,
            'text' => 'Więcej'
        ]
    ]
]}

{call add_block block="advantage" 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
collage.template String Szablon elementu "Kolaż". Wartość: 'collage-one'
collage.color_scheme String Kolorystyka elementu "Kolaż". Przyjmuje wartości 'main' lub 'alter'
collage.direction String Kierunek elementu od lewej do prawej dla wartości 'forward' i od prawej do lewej dla wartości 'reverse'
collage.image_one String Ścieżka do pierwszego obrazka odniesiona do folderu motywu. Zaleca się, aby obrazy były ładowane za pośrednictwem menedżera plików aplikacji "Witryna".
collage.image_two String Ścieżka do drugiego obrazka odniesiona do folderu motywu. Zaleca się ładowanie obrazów za pośrednictwem menedżera plików aplikacji "Witryna".
collage.text_one String Ten tekst zostanie dodany do atrybutu alt pierwszego obrazu.
collage.text_two String Ten tekst zostanie dodany do atrybutu alt drugiego obrazu.
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
accent.template String Szablon elementu "Akcent". Dopuszczalne wartości: 'accent-one', 'accent-two', 'accent-three', 'accent-four'
accent.align String Wyrównanie elementu do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
accent.text String Tekst elementu "Akcent"
text String Tekst bloku
list.template String Szablon elementu "Lista". Dopuszczalne wartości: 'list-one'
list.color_scheme String Schemat kolorów elementu "Lista". Przyjmuje wartości 'main' lub 'alter'
list.align String Wyrównanie elementu do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
list.list String Punkty listy, muszą być oddzielone * gwiazdką
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!