Blok Opinie (Vega)

Blok "Opinie"


Wywołanie bloku na stronach witryny internetowej ID — reviews

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

{$props = [
    'align' => 'center',
    'color_scheme' => 'main',
    'title' => [
        'align' => 'center',
        'size' => 'medium',
        'text' => 'Istnieje wiele opcji Lorem Ipsum'
    ],
    'label' => [
        'template' => 'label-one',
        'align' => 'center',
        'text' => 'Dlaczego jest wykorzystywany?'
    ],
    'text' => 'Lorem Ipsum nie tylko z powodzeniem przetrwało pięć wieków bez zauważalnych zmian, ale także dokonało przeskoku do projektowania elektronicznego.',
    'buttons' => [
    "1" => [
            'template' => $_button_type,
            'mode' => 'call',
            'link' => '#',
            'target' => '_self',
            'type' => 'primary',
            'shiny' => false,
            'anchor' => true,
            'text' => 'Zadzwoń'
        ]
    ],
    'reviews' => [
        '1' => [
            'align' => 'center',
            'color_scheme' => 'main',
            'user_name' => 'Justyna,',
            'user_link' => '#',
            'user_pic' => 'img/100x100-user.png',
            'user_desc' => 'Edukator',
            '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.'
        ],
        '2' => [
            'align' => 'center',
            'color_scheme' => 'main',
            'user_name' => 'Marek,',
            'user_link' => '#',
            'user_pic' => 'img/100x100-user.png',
            'user_desc' => 'Fotograf',
            '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.'
        ],
        '3' => [
            'align' => 'center',
            'color_scheme' => 'main',
            'user_name' => 'Zosia,',
            'user_link' => '#',
            'user_pic' => 'img/100x100-user.png',
            'user_desc' => 'Edukator',
            '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.'
        ],
        '4' => [
            'align' => 'center',
            'color_scheme' => 'main',
            'user_name' => 'Paweł,',
            'user_link' => '#',
            'user_pic' => 'img/100x100-user.png',
            'user_desc' => 'Wydawca',
            '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.'
        ]
    ]
]}

{call add_block block="reviews" 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'
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
label.template String Szablon elementu "Etykieta". Dopuszczalne wartości: 'label-one'
label.align String Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
label.text String Tekst elementu "Etykieta"
text String Tekst bloku
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
reviews[1].align String Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
reviews[1].color_scheme String Kolorystyka elementu "review". Przyjmuje wartości 'main' lub 'alter'
reviews[1].user_name String Imię użytkownika, który wystawił opinię
reviews[1].user_link String URL, link do profilu użytkownika
reviews[1].user_pic String Ścieżka do awatara użytkownika odniesiona do folderu motywu. Zaleca się ładowanie obrazów za pośrednictwem menedżera plików aplikacji "Witryna".
reviews[1].user_desc String Opis użytkownika
reviews[1].text String Tekst opinii


Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!