Blok Oferta (Vega)

Blok "Oferta"


Wywołanie bloku na stronach witryny internetowej ID — offer

Informacje o tym, jak umieścić formularz informacji zwrotnej w bloku, znajdują się w tej sekcji.

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

{$props = [
    'align' => 'left',
    'background' => 'img/2880x1600.png',
    'color' => '#ffffff',
    'animation' => true,
    'gradient' => true,
    'background_align' => 'center',
    'feedback_mode' => 'popup',
    'feedback_mobile' => false,
    'countdown' => [
        'show' => false,
        'date' => '01.01.2023 10:00:00',
        'price' => '199 zł',
        'loop' => true,
        'period' => 1,
        'align' => 'left'
    ],
    'title' => [
        'align' => 'left',
        'size' => 'medium',
        'text' => 'Lorem Ipsum - zbiór słów wziętych z sufitu'
    ],
    'accent' => [
        'template' => 'accent-one',
        'align' => 'left',
        'text' => '299 zł'
    ],
    'text' => '',
    'list' => [
        'template' => 'list-one',
        'color_scheme' => 'alter',
        'align' => 'left',
        'list' => 'Wiele osób uważa, że Lorem Ipsum to łaciński zestaw słów * Ale to nie do końca prawda'
    ],
    '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'
        ]
    ],
    'separators' => [
        "1" => [
            'template' => 'separator-one',
            'type' => '',
            'color' => 'main',
            'position' => 'top'
        ],
        "2" => [
            'template' => 'separator-one',
            'type' => 'arc',
            'color' => 'main',
            'position' => 'bottom'
        ]
    ]
]}

{call add_block block="offer" 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'
background String Ścieżka do obrazka tła odniesiona do folderu motywu. Zaleca się ładowanie zdjęć za pomocą menedżera plików aplikacji "Witryna".
color String Kolor tekstu bloku, dopuszczalne są dowolne kolory internetowe
animation Boolean Włącza lub wyłącza animację wyglądu elementów. Wartości true lub false
gradient Boolean W wartości true dodaje zaciemnienie obrazu tła
background_align String Wyrównanie obrazu tła. Wartości: 'top', 'center' lub 'bottom'
feedback_mode String Pozycja formularza zwrotnego, 'popup' jeśli formularz otwiera się w oknie wyskakującym, 'block' jeśli formularz znajduje się w bloku "Oferta".
feedback_mobile Boolean Wartość false oznacza ukrycie formularza w mobilnej wersji strony, jeśli formularz znajduje się w bloku "Oferta".
countdown.show Boolean Pokazuje/ukrywa element "Odliczanie"
countdown.date String Data zakończenia odliczania w formacie DD.MM.RRRR GG:MM:SS
countdown.price String Cena po zakończeniu odliczania. Wartość nie może być pusta.
countdown.loop Boolean Jeśli wartość true, nieskończenie restartuje odliczanie po zakończeniu
countdown.period Integer Okres cyklicznego odliczania w dniach, okres o jaki będzie przedłużone odliczanie
countdown.align String Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right'
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 elementów 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 elementów 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
separators[1].position String Pozycja separatora w stosunku do bloku, wartość 'top' u góry bloku, wartość 'bottom' u dołu bloku
separators[1].template String Szablon elementu "Separator", dopuszczalne wartości 'separator-one'
separators[1].type String Widok elementu "Separator". Pusty ciąg '' - ukryj. Wartości 'wave' - fala, 'curtain' — kurtyna, 'triangle' — trójkąt, 'arc' — łuk, 'clouds' - chmury.
separators[1].color String Kolor separatora. Dopuszczalne wartości: 'main' lub 'alter'


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