Blok Pytanie-Odpowiedź (Vega)

Blok "Pytanie-Odpowiedź"


Wywołanie bloku na stronach witryny internetowej ID — faq

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

{$props = [
    'align' => 'left',
    'color_scheme' => 'main',
    'title' => [
        'align' => 'left',
        'size' => 'medium',
        'text' => 'Pytanie-Odpowiedź'
    ],
    'faqs' => [
        '1' => [
            'template' => 'faq-one',
            'color_scheme' => 'main',
            'question' => 'Czym jest Lorem Ipsum i jak z niego korzystać?',
            'answer' => 'Lorem Ipsum to rybi tekst często stosowany w druku i projektowaniu stron internetowych. Lorem Ipsum jest standardową rybą dla tekstów łacińskich od początku XVI wieku. W tym czasie pewien nienazwany drukarz stworzył duży zbiór rozmiarów i kształtów czcionek, używając Lorem Ipsum do drukowania próbek.'
        ],
        '2' => [
            'template' => 'faq-one',
            'color_scheme' => 'main',
            'question' => 'Skąd to się wzięło?',
            'answer' => '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' => [
            'template' => 'faq-one',
            'color_scheme' => 'main',
            'question' => 'Dlaczego warto używać Lorem Ipsum?',
            'answer' => 'Już dawno stwierdzono, że przy ocenie projektu i kompozycji tekst czytany przeszkadza w koncentracji. Lorem Ipsum jest używane, ponieważ zapewnia mniej lub bardziej standardowe wypełnienie szablonu oraz realistyczne rozmieszczenie liter i spacji w akapitach, czego nie można uzyskać przez zwykłe powielanie Oto twój tekst... Oto twój tekst... Oto twój tekst...'
        ]
    ]
]}

{call add_block block="faq" 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
faqs[1].template String Szablon elementu "faq". Dopuszczalne wartości: 'faq-one'
faqs[1].color_scheme String Kolorystyka elementu "faq". Przyjmuje wartości 'main' lub 'alter'
faqs[1].question String Tekst pytania
faqs[1].answer String Tekst odpowiedzi


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