Element „Kartka” — instrukcja do szablonu „Vega 2.0”
Element „Kartka” do szablonu graficznego „Vega 2.0” to gotowa do dostosowania sekcja kodu, którą można wykorzystać w dowolnym miejscu podczas tworzenia stron w witrynie, w tym wewnątrz bloków.
Przed użyciem kodu elementa przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Element „Kartka” --> {$props = [ 'template' => 'card-one', 'color_scheme' => 'primary', 'link' => '#', 'image' => 'img/placeholders/450x350.png', 'label' => 'John Smith', 'name' => 'Lorem ipsum dolor sit amet consectetur adipisicing.', 'text' => 'Lorem ipsum dolor sit amet consectetur adipisicing elit Accusamus alias aliquid animi aut consequatur distinctio dolore ea eligendi est eum exercitationem.', 'badges' => 'Sales agent, Manager', 'animation' => '', 'gap' => '', 'attributes' => '', 'classes' => '' ]} {call add_element element="card/`$props.template`" props=$props}
Możliwe konfiguracje dla elementu „Kartka”
| Właściwość | Typ danych | Opis |
|---|---|---|
| template | String | Szablon elementu. Wartości: 'card-one', 'card-two', 'card-three'. |
| color_scheme | String | Schemat kolorów elementu. Wartości: 'primary', 'secondary', 'semitone'. |
| link | String | Link elementu. |
| image | String | Ścieżka do obrazu elementu względem folderu z szablonem. |
| label | String | Krótki podpis. |
| name | String | Nazwa |
| text | String | Tekst elementu. |
| badges | String | Lista odznak oddzielonych przecinkami. |
| animation | String | Animacja pojawiania się elementu. Wartość może być liczbą, gdzie 1 oznacza natychmiastowe pojawienie się elementu, a liczba powyżej w przyrostach co 50 oznacza opóźnienie w milisekundach. Pusty ciąg lub zero wyłącza animację. |
| gap | Boolean | Dolne wcięcie elementu. Właściwość opcjonalna. Wartości: true, false. |
| attributes | Object | Dodatkowe atrybuty elementu. Właściwość opcjonalna. |
| classes | String[] | Dodatkowe klasy CSS elementu. Opcjonalna właściwość. |


