- Details
Get the codes[~custom_carousel style="4" padding="25px" border="3px dashed #EEEEEE" background="#000000" color="#ffffff" center_zoom="yes"][~carousel_item]...[/carousel_item][~carousel_item]...[/carousel_item][~carousel_item]...[/carousel_item][/custom_carousel]
Get the codes[~custom_carousel style="4" padding="25px" background="#CCCCCC" color="#ffffff" center_zoom="yes"][~carousel_item]...[/carousel_item][~carousel_item]...[/carousel_item][~carousel_item]...[/carousel_item][/custom_carousel]
| Shortcode | Attributes | Example code |
|---|---|---|
| Custom Carousel This widget displays a custom carousel that can use any content and nested shortcodes as an item |
Style -
style Possible values: Style 1, Style 2, Style 3, Style 4, Style 5, Default value: Style 1 Margin -
margin Possible values: 0 - 80 Default value: 10 Padding -
padding Possible values: Any Custom Value Border -
border Possible values: CSS supported border! Default value: 0px solid #EEEEEE Background -
background Possible values: #RGB and rgba() colors Default value: transparent Color -
color Possible values: #RGB and rgba() colors Default value: #444 Pagination -
pagination Possible values: yes, no Default value: yes Arrows -
arrows Possible values: yes, no Default value: yes Autoplay -
autoplay Possible values: yes, no Default value: yes Center zoom -
center_zoom Possible values: yes, no Default value: no Paused on hover -
hoverpause Possible values: yes, no Default value: yes Lazy load -
lazyload Possible values: yes, no Default value: no Loop -
loop Possible values: yes, no Default value: yes Animation duration -
speed Possible values: 0.1 - 15 Default value: 0.6 Delay -
delay Possible values: 1 - 10 Default value: 4 Layout for smartphone devices -
small Possible values: 1 - 10 Default value: 1 Layout for tablet devices -
medium Possible values: 1 - 5 Default value: 3 Layout for desktop devices -
large Possible values: 1 - 10 Default value: 5 Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: [~carousel_item] Slide content1 [/carousel_item] [~carousel_item] Slide content2 [/carousel_item] [~carousel_item] Slide content3 [/carousel_item] |
[~custom_carousel style="1" margin="10" padding="" border="1px solid #EEEEEE" background="transparent" color="#444" pagination="yes" arrows="yes" autoplay="yes" center_zoom="no" hoverpause="yes" lazyload="no" loop="yes" speed="0.6" delay="4" small="1" medium="3" large="5" class="" scroll_reveal=""][~carousel_item] Slide content1 [/carousel_item]
[~carousel_item] Slide content2 [/carousel_item]
[~carousel_item] Slide content3 [/carousel_item][/custom_carousel]
|
- Details
Get the codes[~content_slider style="dark" transitionin="bounceInRight" transitionout="bounceOutRight" box_color="#CCCCCC"][~content_slide]...[/content_slide][~content_slide]...[/content_slide][~content_slide]...[/content_slide][/content_slider]
Get the codes[~content_slider style="light" transitionin="rotateIn" transitionout="rotateOut" box_color="#000000" box_text_color="#ffffff"][~content_slide]...[/content_slide][~content_slide]...[/content_slide][~content_slide]...[/content_slide][/content_slider]
Get the codes[~content_slider transitionin="zoomInDown" transitionout="zoomOutDown" box_color="#CCCCCC" box_text_color="#00000"][~content_slide]...[/content_slide][~content_slide]...[/content_slide][~content_slide]...[/content_slide][/content_slider]
| Shortcode | Attributes | Example code |
|---|---|---|
| Content Slider This widget displays a responsive contents slider |
Style -
style Possible values: Default, Dark, Light, Default value: Default Transition In -
transitionin Possible values: bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, flipInX, flipInY, lightSpeedIn, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rollIn, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, slideInDown, slideInLeft, slideInRight, slideInUp, Default value: fadeIn Transition Out -
transitionout Possible values: bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flipOutX, flipOutY, lightSpeedOut, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rollOut, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp, Default value: fadeOut Box color -
box_color Possible values: #RGB and rgba() colors Default value: #f5f5f5 Box text color -
box_text_color Possible values: #RGB and rgba() colors Default value: #000000 Border radius -
radius Possible values: 0 - 20 Default value: 10 Margin -
margin Possible values: 0 - 80 Default value: 10 Padding -
padding Possible values: 0 - 80 Default value: 10 Arrows -
arrows Possible values: yes, no Default value: yes Arrows position -
arrow_position Possible values: Default, Top left, Top right, Bottom left, Bottom right, Default value: Default Pagination -
pagination Possible values: yes, no Default value: no Autoplay -
autoplay Possible values: yes, no Default value: yes Auto Height -
autoheight Possible values: yes, no Default value: no Paused on hover -
hoverpause Possible values: yes, no Default value: yes Lazy load -
lazyload Possible values: yes, no Default value: no Loop -
loop Possible values: yes, no Default value: yes Animation duration -
speed Possible values: 0.1 - 15 Default value: 0.6 Delay -
delay Possible values: 1 - 10 Default value: 4 Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: [~content_slide] Slide content1 [/content_slide] [~content_slide] Slide content2 [/content_slide] [~content_slide] Slide content3 [/content_slide] |
[~content_slider style="default" transitionin="fadeIn" transitionout="fadeOut" box_color="#f5f5f5" box_text_color="#000000" radius="10" margin="10" padding="10" arrows="yes" arrow_position="arrow-default" pagination="no" autoplay="yes" autoheight="no" hoverpause="yes" lazyload="no" loop="yes" speed="0.6" delay="4" class="" scroll_reveal=""][~content_slide] Slide content1 [/content_slide]
[~content_slide] Slide content2 [/content_slide]
[~content_slide] Slide content3 [/content_slide][/content_slider]
|
- Details
Get the codes[~carousel style="1" source="media: images/headers/blue-flower.jpg,images/headers/maple.jpg,images/headers/walden-pond.jpg,images/headers/raindrops.jpg,images/headers/windows.jpg" large="1" medium="1" image_height="80" category="yes" date="yes" arrows="yes" speed="0.3"]
Where can I get some?
Where does it come from?
Why do we use it?
What is Lorem Ipsum?
Get the codes[~carousel source="category: 9" category="yes" date="yes" arrows="yes"]
Where can I get some?
Where does it come from?
Why do we use it?
What is Lorem Ipsum?
Get the codes[~carousel style="2" source="category: 9" category="yes" date="yes" arrows="yes" speed="0.3"]
Where can I get some?
Where does it come from?
Why do we use it?
What is Lorem Ipsum?
Get the codes[~carousel style="3" source="category: 9" category="yes" date="yes" arrows="yes" speed="0.3"]
Where can I get some?
Where does it come from?
Why do we use it?
What is Lorem Ipsum?
Get the codes[~carousel style="4" source="category: 9" category="yes" date="yes" arrows="yes" speed="0.3"]
Get the codes[~carousel style="4" source="media: images/headers/blue-flower.jpg,images/headers/maple.jpg,images/headers/walden-pond.jpg,images/headers/raindrops.jpg,images/headers/windows.jpg" category="yes" date="yes" arrows="yes" speed="0.3"]
| Shortcode | Attributes | Example code |
|---|---|---|
| Carousel This widget displays a carousel that can include images or articles |
Style -
style Possible values: Style 1, Style 2, Style 3, Style 4, Default value: Style 1
Source -
source Possible values: Any Custom Value Default value: none
Limit -
limit Possible values: 1 - 100 Default value: 5
Ordering -
order Possible values: Creation date, Title, Hits, Ordering direction, Default value: Creation date
Ordering direction -
order_by Possible values: Ascending, Descending, Default value: Descending
Items number -
items Possible values: 1 - 10 Default value: 5
Layout for desktop devices -
large Possible values: 1 - 5 Default value: 4
Layout for tablet devices -
medium Possible values: 1 - 5 Default value: 3
Layout for smartphone devices -
small Possible values: 1 - 5 Default value: 1
Image -
image Possible values: yes, no Default value: yes
Image height -
image_height Possible values: 10 - 640 Default value: 320
Image width -
image_width Possible values: 10 - 640 Default value: 360
Thumb Resize -
thumb_resize Possible values: yes, no Default value: no
Title -
title Possible values: yes, no Default value: yes
Title link -
title_link Possible values: yes, no Default value: yes
Title text limit -
title_limit Possible values: Any Custom Value Intro text -
intro_text Possible values: yes, no Default value: yes
Text limit -
intro_text_limit Possible values: Any Custom Value Default value: 60
Show category -
category Possible values: yes, no Default value: no
Display date -
date Possible values: yes, no Default value: no
Color -
color Possible values: #RGB and rgba() colors Default value: #FFFFFF
Background -
background Possible values: #RGB and rgba() colors Default value: transparent
Title color -
title_color Possible values: #RGB and rgba() colors Default value: #7f7f7f
Margin -
margin Possible values: 0 - 80 Default value: 10
Arrows -
arrows Possible values: yes, no Default value: no
Arrows position -
arrow_position Possible values: Default, Top left, Top right, Bottom left, Bottom right, Default value: Default
Pagination -
pagination Possible values: yes, no Default value: yes
Autoplay -
autoplay Possible values: yes, no Default value: yes
Paused on hover -
hoverpause Possible values: yes, no Default value: yes
Lazy load -
lazyload Possible values: yes, no Default value: no
Loop -
loop Possible values: yes, no Default value: no
Delay -
delay Possible values: 1 - 10 Default value: 4
Animation duration -
speed Possible values: 0.1 - 15 Default value: 0.35
Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~carousel style="1" source="none" limit="5" order="created" order_by="desc" items="5" large="4" medium="3" small="1" image="yes" image_height="320" image_width="360" thumb_resize="no" title="yes" title_link="yes" title_limit="" intro_text="yes" intro_text_limit="60" category="no" date="no" color="#FFFFFF" background="transparent" title_color="#7f7f7f" margin="10" arrows="no" arrow_position="default" pagination="yes" autoplay="yes" hoverpause="yes" lazyload="no" loop="no" delay="4" speed="0.35" class="" scroll_reveal=""] |
- Details
Get the codes[~articles_slider source="category: 9" pagination="yes" autoplay="yes" hoverpause="yes" speed="0.3"]
Get the codes[~articles_slider style="dark" source="category: 9" pagination="yes" autoplay="yes" hoverpause="yes" speed="1.1" scroll_reveal="opacity 0.5"]
| Shortcode | Attributes | Example code |
|---|---|---|
| Articles Slider This widget displays an articles slider |
Style -
style Possible values: Light, Dark, Default value: Light Source -
source Possible values: Images from media manager or article or K2 category item. Default value: none Limit -
limit Possible values: 1 - 100 Default value: 5 Ordering -
order Possible values: Creation date, Title, Hits, Ordering direction, Default value: Creation date Ordering direction -
order_by Possible values: Ascending, Descending, Default value: Descending Title -
title Possible values: yes, no Default value: yes Title link -
title_link Possible values: yes, no Default value: yes Intro text -
intro_text Possible values: yes, no Default value: yes Text limit -
intro_text_limit Possible values: Any Custom Value Default value: 200 Show category -
category Possible values: yes, no Default value: yes Display date -
date Possible values: yes, no Default value: yes Arrows -
arrows Possible values: yes, no Default value: yes Pagination -
pagination Possible values: yes, no Default value: no Autoplay -
autoplay Possible values: yes, no Default value: no Paused on hover -
hoverpause Possible values: yes, no Default value: no Lazy load -
lazyload Possible values: yes, no Default value: no Loop -
loop Possible values: yes, no Default value: yes Delay -
delay Possible values: 1 - 10 Default value: 4 Animation duration -
speed Possible values: 0.1 - 15 Default value: 0.35 Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~articles_slider style="light" source="" limit="5" order="created" order_by="desc" title="yes" title_link="yes" intro_text="yes" intro_text_limit="200" category="yes" date="yes" arrows="yes" pagination="no" autoplay="no" hoverpause="no" lazyload="no" loop="yes" delay="4" speed="0.35" class="" scroll_reveal=""]
|
- Details
Get the codes[~articles_grid source="category: 9" layout="masonry" show_more="yes" show_search="yes" loading_animation="fadeIn" include_article_image="yes" scroll_reveal="enter top over 0.6s"]
Get the codes[~articles_grid source="category: 9" layout="masonry" show_more="yes" show_search="yes" loading_animation="sequentially" caption_style="overlayBottomAlong" include_article_image="yes" scroll_reveal="vFactor 0.1"]
Get the codes[~articles_grid source="category: 9" layout="mosaic" show_more="yes" show_search="yes" loading_animation="fadeIn" caption_style="overlayBottomAlong" include_article_image="yes" scroll_reveal="enter bottom"]
Get the codes[~articles_grid source="category: 9" layout="slider" show_more="yes" show_search="yes" loading_animation="fadeIn" include_article_image="yes" scroll_reveal="enter right"]
| Shortcode | Attributes | Example code |
|---|---|---|
| Articles Grid and Glossary This widget displays an articles grid that can be managed by filters. Through this widget it's also possible to implement a glossary |
Source -
source Possible values: Images from media manager or article or K2 category item. Default value: none Layout -
layout Possible values: Grid, Masonry, Mosaic, Slider, Default value: Grid Limit -
limit Possible values: 5 - 100 Default value: 12 Description text limit -
intro_text_limit Possible values: 0 - 10000 Default value: 100 Remove shortcodes -
remove_shortcodes Possible values: yes, no Default value: yes Show More -
show_more Possible values: yes, no Default value: no Show More limit -
show_more_item Possible values: 1 - 12 Default value: 4 Show More action -
show_more_action Possible values: Click, Scroll, Default value: Click Show search field -
show_search Possible values: yes, no Default value: no Ordering -
order Possible values: Creation date, Title, Hits, Ordering direction, Default value: Creation date Ordering direction -
order_by Possible values: Ascending, Descending, Default value: Descending Loading animation -
loading_animation Possible values: Default, Fade In, LazyLoading, Fade In To Top, Sequentially, Bottom To Top, None, Default value: Default Filter animation -
filter_animation Possible values: Fade Out, Quicksand, Box Shadow, Bounce Left, Bounce Top, Bounce Bottom, Move Left, Slide Left, Fade Out Top, Sequentially, Skew, Slide Delay, 3d Flip, Rotate Sides, Flip Out Delay, Flip Out, Unfold, Fold Left, Scale Down, Scale Sides, Front Row, Flip Bottom, Rotate Room, Default value: Rotate Sides Caption style -
caption_style Possible values: Push Top, Push Down, Reveal Bottom, Reveal Top, Reveal Left, Move Right, Overlay Bottom, Overlay Push, Overlay Reveal, Overlay Along, Overlay Right, Minimal, Fade In, Zoom, Opacity, Default value: Overlay Push Horizontal gap -
horizontal_gap Possible values: 0 - 50 Default value: 10 Vertical gap -
vertical_gap Possible values: 0 - 50 Default value: 10 Filters -
filter Possible values: yes, no Default value: yes Filter style -
filter_style Possible values: Style 1, Style 2, Style 3, Style 4, Style 5, Style 6, Style 7, Style 8, Style 9, Default value: Style 1 Filter deep links -
filter_deeplink Possible values: yes, no Default value: no Filter counter -
filter_counter Possible values: yes, no Default value: yes Show category -
category Possible values: yes, no Default value: yes Display date -
date Possible values: yes, no Default value: yes Include article image -
include_article_image Possible values: yes, no Default value: no Layout for smartphone devices -
small Possible values: 1 - 5 Default value: 1 Layout for tablet devices -
medium Possible values: 1 - 5 Default value: 3 Layout for desktop devices -
large Possible values: 1 - 10 Default value: 4 Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~articles_grid source="" layout="grid" limit="12" intro_text_limit="100" remove_shortcodes="yes" show_more="no" show_more_item="4" show_more_action="click" show_search="no" order="created" order_by="desc" loading_animation="default" filter_animation="rotateSides" caption_style="overlayBottomPush" horizontal_gap="10" vertical_gap="10" filter="yes" filter_style="1" filter_deeplink="no" filter_counter="yes" category="yes" date="yes" include_article_image="no" small="1" medium="3" large="4" class="" scroll_reveal=""]
|