Skip to main content
This is a pre-production deployment of Warehouse. Changes made here affect the production instance of PyPI (
Help us improve Python packaging - Donate today!

A Django CMS image slider plugin that uses FlexSlider.

Project Description


This is a simple django-cms plugin that implements the JavaScript FlexSlider library.


  • django>=1.8
  • django-cms>=3.2


To install:

pip install djangocms-flexslider

Then add djangocms-flexslider to your installed apps:


If you’re not already using django-filer, easy-thumbnails and djangocms-text-ckeditor then these too will need to be added to your installed apps:


And run the migrations:

./ migrate

The package assume that jQuery has been added to the site already. So if you’re not using already, please add to you templates/base.html:

<script src=""></script>


The FlexSlider JS and CSS are by default loaded from the below CDN. If you wish to override this, this can be done in your file by adding the below with your updated URLs. This is optional.

    'JS_URL': '',
    'CSS_URL': ''


The slider plugin is added to page, where the configuration for the slider is set. The settings allow you to add a carousel thumbnail slider if you wish, you are also provided the ability to pass the JSON config for both the carousel and the slider.

There are many FlexSlider examples on their site, or you can view the full FlexSlider properties. The configuration JSON object is optional, so you have no obligation to provide this. A simple example of the config with a carousel is provided below.

Once the slider has been setup, slides are added by adding child slide plugins to the slider. Each slide has to have an image, (I’ve used django-filer for the images), and can optionally have an explicit height and/or width, a caption, url link or page link as well.

Example JSON Config


  animation: "slide",
  smoothHeight: true,
  controlNav: false,
  animationLoop: false,
  slideshow: false,
  sync: "#carousel"


  animation: "slide",
  controlNav: false,
  animationLoop: false,
  slideshow: false,
  itemWidth: 210,
  itemMargin: 5,
  asNavFor: '#slider'

Release History

This version
History Node


Download Files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Filename, Size & Hash SHA256 Hash Help File Type Python Version Upload Date
(132.6 kB) Copy SHA256 Hash SHA256
Wheel py2 Jun 16, 2016
(120.3 kB) Copy SHA256 Hash SHA256
Source None Jun 16, 2016

Supported By

Elastic Elastic Search Pingdom Pingdom Monitoring Dyn Dyn DNS Sentry Sentry Error Logging CloudAMQP CloudAMQP RabbitMQ Heroku Heroku PaaS Kabu Creative Kabu Creative UX & Design Fastly Fastly CDN DigiCert DigiCert EV Certificate Google Google Cloud Servers