Coder Social home page Coder Social logo

ericgrivilers / collective.easyslider Goto Github PK

View Code? Open in Web Editor NEW

This project forked from collective/collective.easyslider

0.0 2.0 0.0 194 KB

The product will allow you to apply an easyslider to any page with the ability to create each slide using a WYSIWYG editor. It also provides a slider view for Folders and Collections.

Makefile 0.50% Python 73.83% CSS 5.76% JavaScript 19.60% Shell 0.31%

collective.easyslider's Introduction

image

Introduction

This product allows you to easily add an easySlider content rotator to any page on a plone site using a WYSIWYG editor to design each slide.

How-to

On a page, click actions -> Add Slider. It should bring you to a slider settings page where you can modify different aspects of the slider and add/remove slides using a WYSWGY editor. Keep in mind that the slides are fixed width so you need to specify the size you want. Then you'll want to start adding your slides. To do this just click add new slide near the bottom of the page. Once you've finished adding slides and re-ordering slides, click save and you should see the slider on your page now.

You can also select a slider view for Folder and Collection content types. Then the slider settings for that page will include settings to limit the amount of slides to have and to limit the type of slides used.

Examples

Examples of this being used in the wild.

Installation

  • add collective.easyslider to your eggs and zcml sections
  • re-run buildout
  • install the product like you would any other Plone product

Uninstall

  • Uninstall like normal
  • go to portal_setup in the zmi, click the 'import' tab, select "collective.easyslider uninstall" and click the "Import all steps" button at the bottom to perform clean up.

Easy Template Integration

If you'd like to add dynamic content to your slides, add collective.easytemplate to your eggs section in buildout, re-run buildout and restart your installation. Then in the slider settings make sure you enable Easy Template.

You can also render sliders in a Easy Template. The syntax is:

{{ slider("../front-page") }}

And for the sliderview

{{ sliderview("../a-collection") }}

Rendering Slider in Templates

You can also easily render your slider in a page template if you'd like even more control over how it is displayed:

<tal:slider tal:content="structure context/../front-page/@@slider_util/render_inline" />

And for the sliderview

<tal:slider tal:content="structure context/../front-page/@@slider_util/render_sliderview_inline" />

Credits and Contributions

  • a lot of the credit for the inspiration, styling and insight into this product belongs to Espen Moe-Nilssen

collective.easyslider's People

Contributors

vangheem avatar espenmn avatar mitakas avatar smoussiaux avatar zopyx avatar jianaijun avatar

Watchers

James Cloos avatar Eric Grivilers avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.