The slideshow content option is only available in Blox, and therefore you will not find it in Blox Lite. This content type allows you to easily add a slideshow to a content block. It also includes the Blox’s builtin slideshow generator in case you are not managing slideshows with an existing plugin.
Many users will already be using their preferred slideshow creator, such as Revolution Slider or Soliloquy. If you are using one of these, or another third party plugin, you may want to check out the shortcode or third party slideshow usage instructions below. That said, if you just want to add a simple, lightweight, responsive, image-only slider to your website, then the builtin option might be just what you are looking for.
That said, if you must use Flexslider, simply add the following filter to your theme’s function.php file and Blox will revert back to using Flexslider.
add_filter( 'blox_builtin_slideshow_use_slick', '__return_false' );
However, this is not recommended and the new features like visibility and background slide images will not work. At some point in the future, Flexslider will be removed entirely from the plugin. The target version is 1.5.0, which will come out in the late spring of 2017.
To create your slider using the builtin slideshow, start by adding images from your media library. In the screenshot below, you can see that we have added three images. It is highly recommended that you pre-size your images before adding them to the slideshow. While this is best practice whenever creating a slideshow online, some premium plugins handle resizing and cropping for you. The builtin option does not.
Once you have added your image slides, you will notice the toolbar at the bottom of each image. Click on the pencil to edit the slide details. This includes adding image metadata, image size, a link, caption, visibility and slide CSS class. See the screenshot below.
Builtin Control Settings
The next step is to configure the builtin control settings. These control how the slideshow will operate and appear on the frontend of your website.
Slideshow Animation: The type of animation when changing slides, either slide or fade.
Slideshow Speed: Time each slide is displayed. Default is 7 seconds.
Animation Speed: Time it take to physically change slides. Default is .6 seconds.
Start Slideshow Automatically: If checked, starts slideshow on page load.
Loop slideshow: If checked, the slideshow loops back to the first slide after reaching the last slide.
Enable Pause On Hover: If checked, the slideshow will stop moving when you hover over it.
Disable Directional Navigation: If checked, removes directional arrows.
Disable Control Navigation: If checked, removes dots at the bottom of the slideshow.
Disable Image Captions: If checked, easily disable all image slide captions.
Builtin Display Settings
There is currently only one display setting, which allows you to set images as background images on each slide. This setting was introduced in Blox v1.3.0. Having images set to background can be extremely convenient when creating full width slideshows and is essential when creating fullscreen slideshows. By default, Blox includes some styling to get you started with background images, but additional CSS is almost always required to get the effect to are looking for.
A designated blog post and video tutorial on background images in slideshows is coming soon.
You may have noticed there is very few style settings. This is intentional, and any styling should be added on the style tab. Take a look at the frontend markup article for reference when applying custom styles to the builtin slideshow.
Third Party Slideshow
There are many popular plugins on the market that create slideshow, and we expect that many people are already using one of them. Therefore, the slideshow content type directly supports a number of the most popular ones: Revolution Slider, Soliloquy, and Meta Slider. If you are using one of these plugins, a new option will appear in the slideshow type dropdown that corresponds to the plugin(s) that you are using. In the screenshot below, Revolution Slider has been chosen. You will then be able to easily select from all available slideshows.
There are hundreds of slideshow plugins out there, so there is a good chance that you might be using one that does not integrate with Blox. If so, have no fear. If your plugin generates a shortcode for each slideshow you create, simply select the shortcode option from the slideshow type. Paste in your shortcode and you are good to go. See the screenshot below.
- Frontend Markup for slideshow blocks
Tutorials coming soon…