This feature is available only for Premium members

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

 

Client Slider may be used to display logos, artwork, portfolio snapshots, promotional material and upcoming events in a carousel slider. You can link your images if you like. Here's an example of the shortcode in code view:

[client_slider_component picture_size="original" columns="3" animation_type="0" animation_direction="down" animation_speed="0.1" class="" id=""]
[client link="" link_target="_self" image="" alt=""]
[/client_slider_component]

 

Parameters

 

Client slider container - [ client_slider_component ]
  • picture_size
    • sets if the picture size will be original or responsive
    • Possible values - original or responsive
  • columns
    • controls how many columns/items to display in the slider
    • Possible values - 3, 4 or 5
  • animation_type
    • set the animation type of the component
    • Possible values - none, bounce, fade, flash, shake, slide
  • animation_direction
    • set the animation direction of the component
    • Possible values - down, 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

 

Client - [ client ]
  • link
    • sets the client website link
    • Possible values - string - like http://example.com
  • link_target
    • sets the client link target
    • Possible values - _self or _blank
  • image
    • defines the path for the image that you want to show as client
    • Possible values - string - like http://example.com/wp-content/uploads/image.jpg
  • alt
    • set the client image alt text
    • Possible values - string - like John Doe

 

Basic Examples

 

3 Columns

 

 

4 Columns

 

 

5 Columns

 

 

Animated Examples