Pluggable carousel/slider application for LFS (Lighting Fast Shop)
Python JavaScript HTML CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

What is it?

LFS Carousel is pluggable carousel/slider application for use with LFS (Lightning Fast Shop)

See project wiki for more details:


For django 1.4 use branch 1.0, for 1.5+ use current tip

Basic usage

  • add lfs_carousel to INSTALLED_APPS in your

  • add lfs_carousel urls to your site like:

        from lfs_carousel import carousel
        urlpatterns += patterns("",
          (r'^carousel/', include(carousel.urls)),
  • add carousel to the management panel. It will be visible at 'Shop' -> 'Settings' page as new 'Carousel' tab: copy lfs/templates/manage/shop/shop.html to your theme and modify it by adding:

        {% load lfs_carousel_tags %}
        ( ... )
        <div id="manage-tabs">
              <li class="ui-tabs-nav-item"><a href="#data">{% trans 'Shop' %}</a></li>
              <li class="ui-tabs-nav-item"><a href="#default-values">{% trans 'Default Values' %}</a></li>
              <li class="ui-tabs-nav-item"><a href="#portlets">{% trans 'Portlets' %}</a></li>
              **<li class="ui-tabs-nav-item"><a href="#carousel-items">{% trans 'Carousel' %}</a></li>**
        <div id="portlets">
          {{ portlets|safe }}
        {% carousel_management shop %}
  • add carousel to your shop's start page

    By default lfs_carousel uses coin-slider but you can use anything you want.

    First add necessary JavaScript and CSS files either to base.html or to shop.html:

        <link rel="stylesheet" href="{{ STATIC_URL }}coin-slider/coin-slider-styles.css" type="text/css" />
        <script type="text/javascript" src="{{ STATIC_URL }}coin-slider/coin-slider.min.js"></script>
        <script type="text/javascript">
              $(document).ready(function() {
                  $('#coin-slider').coinslider({ width: 400, navigation: true, delay: 10000, hoverPause: true });

    Second: copy lfstheme/templates/lfs/shop/shop.html to your theme and add:

      {% load lfs_carousel_tags %}
      {% carousel_show shop %}
  • run syncdb (!)


1.1 - added Django 1.6 compatibility