Flickity Slideshow Particle

  • Tony
  • 22 April 2017
  • No comments
  • Docs
Touch, responsive, flickable slidershow/carousels for your website. Flickity Slideshow particle makes carousels, galleries, & sliders that feel lively and effortless.
Installing the particle on your website is a really simple process. You just need to follow the below instructions depending on the platform you are on.
Version: 2.0.0 | Changelog | Download

Joomla Installation

Step1 Unzip the package Flickity Slideshow.zip.

Step2 Copy all the contents inside folder Flickity Slideshow to custom folder which located at

root/templates/TEMPLATE_NAME/custom/

Video Tutorial

Still don’t know what to do? Watch the video below! It will show you all the steps in details. The video is installation for flipster card particle in JOOMLA but the steps are the same. ( Remember to change the directory if you are using WORDPRESS ).

WordPress Installation

Step1 Unzip the package Flickity Slideshow.zip.

Step2 Copy all the contents inside folder Flickity Slideshow to custom folder which located at

root/wp-content/themes/THEME_NAME/custom

Usage

All particles are very easy to use. All the options in partice have a tooltip text to show you what they do. You can watch the usage video below if you are confusing and don’t know what to do next.

General Setting Description
Autoplay Automatically advances to the next cell in millisecond (Leave 0 to disable).
Pause AutoPlay On Hover Pause AutoPlay On Hover on slide.
Show arrows Show back and forward navigation arrows.
Show page dots Show page dots.
Draggable Enables dragging and flicking.
Free Scroll Enables content to be freely scrolled and flicked without aligning cells to an end position.
Wrap Around At the end of cells, wrap-around to the other end for infinite scrolling.
Cell Align Select cell align item
Group Cells Groups cells together in slides.
CSS Classes CSS class name for the particle.

Item Setting Description
Item Width Change item width(percent).
Item Height Change item height(px).
Background Image Select image for background.
Background Color If you dont want to use image for background. Select color here.
Content Enter the content for the slide (Custom HTML).
Content Vertical Align Select the Overlay Vertical Align.
Content Horizontal Align Select the Overlay Horizontal Align.

Comments

Leave a Reply

You must be logged in to post a comment.