Skip to main content

Easily plug a slideshow into your mezzanine website on all pages.

Project description

mezzanine-slides

Add simple slide functionality to your Mezzanine based website allowing for beautiful banners at the tops of pages.

Setup

  1. Run pip install mezzanine-slides

  2. In settings.py add mezzanine_slides to your INSTALLED_APPS above mezzanine apps.

  3. Run createdb or syncdb, if running syncdb run migrate if you are using South.

  4. Modify your base.html template as described below.

Templates

We have two template options, fullscreen slides or standard slides. Include only one of the templates, css and js.

Standard Slides

Add this to base.html where you would like the slides to appear:

{% include "includes/standard_slides.html" %}

Include the CSS and JS in the compress areas of the base.html template:

{% compress css %}
...
<link rel="stylesheet" href="{% static "responsiveslides/responsiveslides.css" %}"/>
{% endcompress %}

{% compress js %}
...
<script src="{% static "responsiveslides/responsiveslides.min.js" %}"></script>
{% endcompress %}

Fullscreen Slides

Add this to base.html where you would like the slides to appear:

{% include "includes/fullscreen_slides.html" %}

Include the CSS and JS in the compress areas of the base.html template:

{% compress css %}
...
<link rel="stylesheet" href="{% static "vegas/jquery.vegas.min.css" %}"/>
{% endcompress %}

{% compress js %}
...
<script src="{% static "vegas/jquery.vegas.min.js" %}"></script>
{% endcompress %}

Credits

Thanks to Viljami Salminen for ResponsiveSlides.js plugin and Jay Salvat for Vegas Background jQuery Plugin.

PWhipp: Enhanced to support Python 3

Project details


Download files

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

Source Distribution

mezzanine-slides-2.1.2.tar.gz (14.0 kB view details)

Uploaded Source

File details

Details for the file mezzanine-slides-2.1.2.tar.gz.

File metadata

File hashes

Hashes for mezzanine-slides-2.1.2.tar.gz
Algorithm Hash digest
SHA256 92ae2e808d577e3e8ff0c92578a82a869f999825658cb9ad95920450a05bd2b5
MD5 d37815a336524d62b6279f8794ee8739
BLAKE2b-256 ec78a9b763feb96318f61ba20cacd0c1a28adc32c13e65f720ec971ad66e1744

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page