Página 19 de 23
Slider
To create a slideset of panels with filters, use the [slider] shortcode. The settings attribute can be used configure the parameters of the slider. See this table for all the available settings options.
| Parameter | Description |
|---|---|
default |
Number of default visible in a slide set |
small |
Number of visible in a slide set at small breakpoint i.e. when viewed on a phone |
medium |
Number of visible in a slide set at medium breakpoint i.e. when viewed on a tablet |
large |
Number of visible in a slide set at large breakpoint i.e. when viewed on a laptop/desktop |
xlarge |
Number of visible in a slide set at extra large breakpoint i.e. when viewed on a large screen |
The slideset allows you to set different filters by using the [slider_filters] shortcode.
markup
[slider_filters] [filter_button style="uk-active" tag=""]All[/filter_button] [filter_button style="uk-active" tag="bread"]bread[/filter_button] [filter_button style="uk-active" tag="chicken"]chicken[/filter_button] [/slider_filters]
Show code
[slider style="tm-slideset-gaucho" settings="default: 1,small: 2,medium: 2,large: 3, xlarge: 3" animation="fade"]
[slider_filters]
[filter_button tag=""]All[/filter_button]
[filter_button tag="bread"]bread[/filter_button]
[filter_button tag="chicken"]chicken[/filter_button]
[filter_button tag="fish"]fish[/filter_button]
[/slider_filters]
[slideset title="Grilled snapper" tag="fish" img="images/demo/menu/special-2.jpg" img_width="360" img_height="230" url="#"]Sumptuous delicious food baked in our restaurants with curated spices[/slideset]
[slideset title="Roasted chicken" tag="chicken" img="images/demo/menu/special-3.jpg" img_width="360" img_height="230" url="#"]Sumptuous delicious food baked in our restaurants with curated spices[/slideset]
[slideset title="Golden Prawns" tag="fish" img="images/demo/menu/special-4.jpg" img_width="360" img_height="230" url="#"]Sumptuous delicious food baked in our restaurants with curated spices[/slideset]
[slideset title="Focaccia Bread" tag="bread" img="images/demo/menu/special-6.jpg" img_width="360" img_height="230" url="#"]Sumptuous delicious food baked in our restaurants with curated spices[/slideset]
[/slider]
