This feature is available in the evolve Plus premium theme version

NOTE: You can access all the shortcodes via the shortcodes icon on your visual editor. See this document if you need more information

 

Description and Code

 

The Carousel Slider shortcode lets you put a slider on a page with either images or videos in the slides. Here's an example of the shortcode in code view:

[slider_component width="100%" height="100%" slide_animation="slide" slide_speed="7000" navigation_arrows="yes" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""]
[slide type="image" link="" link_target="_self"]http://example.com/wp-content/uploads/image.jpg[/slide]
[slide type="video"][youtube id="RZRyQT1qedE" width="600" height="350"][/slide]
[slide type="video"][vimeo id="78439312" width="600" height="350"][/slide]
[/slider_component]

 

Parameters

 

  • width
    • defines width of the slider
    • Possible values - number with an unit like 500px, 100% etc.
  • height
    • defines height of the slider
    • Possible values - number with an unit like 500px, 100% etc.
  • slide_animation
    • controls the transition animation between slides
    • Possible valuesslide or fade
  • slide_speed
    • defines the delay of the slider between slides
    • Possible values - number like 5000, 7000, 10000 - 1000 = 1 second
  • navigation_arrows
    • enables/disables navigation arrows on the slider
    • Possible valuesyes or no
  • animation_direction
    • set the animation direction of the component
    • Possible valuesdown, left, right, up
  • animation_speed
    • set the animation speed of the component
    • Possible values - in seconds like 0.1, 1, 5.3 etc.
  • class
    • custom class for CSS of component
    • Possible values - string - like custom-element-class
  • id
    • custom ID for CSS of component
    • Possible values - string - like custom-element-id

 

Slide - [ slide ]
  • type
    • defines the type of the slide
    • Possible valuesimage or video
  • link
    • sets the image slide link
    • Possible values - string - like http://example.com
  • link_target
    • sets the image slide link target
    • Possible values - _self or _blank
  • id
    • defines the unique ID of the video, YouTube or Vimeo
    • Possible values - string - like RZRyQT1qedE
  • width
    • defines max width of the video
    • Possible values - number without an unit like 500, 1200 etc.
  • height
    • defines max height of the video
    • Possible values - number without an unit like 500, 1200 etc.

 

Basic Examples

 

Slide Transition

 

 

Fade Transition

 

 

Animated Examples