Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

feincms-gallery

Package Overview
Dependencies
Maintainers
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

feincms-gallery

A gallery for FeinCMS

  • 1.3.1
  • PyPI
  • Socket score

Maintainers
3

Introduction

This is a gallery app and contenttype for Feincms. It allows for several gallery 'types', each with its own tempate, css and javascript files. It comes packed with several pretty types ready for use:

  • The classic grid type, with caption, lightbox image and pagination.
  • Image carousel: a single line scrollable strip
  • Slideshow: A simple slideshow
  • Fancy panel: A fancyer slideshow with lots of different transitions
  • Product gallery: One large image with smaller thumbnails.

The CSS and Javascript files for the galleries are only loaded on demand using the form media class.

The admin frontend has thumbnail view for the gallery images and drag and drop functionality for image sorting.

Installation

At this time, there is no prebundled installation file to install via pip or easy_install. So get the source at: https://github.com/feinheit/feincms_gallery

  • Make sure to add the gallery to your Python path.
  • Add gallery to your INSTALLED_APPS in your settings.py
  • Add url(r'^gallery/', include('gallery.urls')), to your urls.py

In your application/models.py create the content type::

from gallery.models import GalleryContent

Page.create_content_type(GalleryContent)
  • run python manage.py syncdb

  • add {{ feincms_page.content.media }} (or media.js and media.css) to the <head> of your template.

Usage

For each type, there is a gallery template, a JavaScript and CSS. They are in the folder templates/content/gallery, or static/content/gallery. For the types carousel, panel and product there is a link to the document page as a comment in the JS file.

To customize the gallery to your site, it's best to copy the CSS and JS in your own media folder and edit it there. The configurations are stored in separate files.

To be able to adjust fancybox.init(), the gallery.js file from the gallery/media folder must be copied to the project media folder.

It is possible to define a template fallback, if a gallery contains only one image. E.g. product.html has the fallback template image_product.html.

You can use standard types or define your own gallery types like this::

from gallery import specs
from gallery.models import GalleryContent

GALLERY_TYPES = [
    specs.ClassicLightbox(),  # standard type
    specs.Type(
        verbose_name=_('Fancy paginated gallery'),
        paginated=True,
        paginate_by=12,
        orphans=4,
        template_name='fancy_gallery.html',
        media={'css' : {'all' :
                    ('gallery/gallery.css',
                     'lib/fancybox/jquery.fancybox-1.3.1.css'),},
                'js' :
                    ('gallery/gallery.js',
                     'lib/fancybox/jquery.fancybox-1.3.1.pack.js')
        }
    )
]

Page.create_content_type(GalleryContent, regions=('main',),
                                         types=GALLERY_TYPES)

When replacing an image file in the admin frontend, you have to save the page for the thumbnail to update itself.

Release History

  • 1.2.3: Rename popup parameter to be consisten with newer Django versions.
  • 1.2.2: The latest version compatible with Django 1.5

FAQs


Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc