Tablet Slideshow shortcode is one of the shortcodes available in The Ken theme which you can take advantage of, it will help you to display your beautiful images on a Tablet device mockup.

Ken Tablet Slideshow Demo 5-tablet slideshow shortcode

In this article, we will explain displaying and configuring Tablet Slideshow shortcode.


Displaying Tablet Slideshow Shortcode

To add Tablet Slideshow shortcode:

1Add or edit an existing page or post.
2In Visual Composer section, Click + button.

tablet slideshow shortcode

3In Add Element pop-up screen, search for  Tablet Slideshow and click on it to be added to the page.

tablet slideshow shortcode

4When the shortcode is added, a new pop-up screen called Tablet Slideshow Settings opens. It allows you to configure the shortcode settings.

tablet slideshow shortcode

5From Add Images area, choose images.
6Click Save Changes and publish or update the page to check the result.

Configuring the Settings

There are several types of settings in the Tablet Slideshow pop-up. We explain all the settings in the following sections.

SettingDescription

Tablet ColorUse this option to set the color of the Tablet which will act as a frame for your slideshow. Available options are: Black, White
Animation SpeedUse this option to set the animation speed of the slide changing effect for the slideshow. The value is in milliseconds.
Slideshow SpeedUse this option to set the waiting time between each slide change for the slideshow. The value is in milliseconds.
Pause on HoverEnable this option if you want the slideshow to stop changing slides while the mouse is over slideshow. If set to disabled, the slides will continue changing even if the mouse is over the slideshow.

Adding an Entrance Animation

Viewport Animation field in the settings pop-up allows you to hide the shortcode initially and make it visible with animation when you scroll in the browser.

You can read Configuring shortcode’s entrance animation article for further explanation.

Adding an Extra Class Name

Extra Class Name field in the setting pop-up allows you to add an extra class name to the shortcode. It’s useful when you need to target the shortcode in a style sheet or JavaScript file.

You can read Adding custom CSS class to a shortcode article for further explanation.