Shortcodes

If you can dream it, you can do it

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]

    [slideset title="Butternut ravioli" tag="pasta" src="/images/demo/menu/special-1.jpg" img_width="360" img_height="230" url="#"]Sumptuous delicious food baked in our restaurants with curated spices[/slideset] [slideset title="Grilled snapper" tag="fish" src="/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" src="/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="prawns,fish" src="/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="French Salad" tag="salads" src="/images/demo/menu/special-5.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" src="/images/demo/menu/special-6.jpg" img_width="360" img_height="230" url="#"]Sumptuous delicious food baked in our restaurants with curated spices[/slideset] [slideset title="Spaghetti Bolognese" tag="pasta" src="/images/demo/menu/special-7.jpg" img_width="360" img_height="230" url="#"]Sumptuous delicious food baked in our restaurants with curated spices[/slideset]

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" src="/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" src="/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" src="/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" src="/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]

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.