wiki:quintagroup.slidertemplates

quintagroup.slidertemplates

http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/quintagroup.slidertemplates-logo.png

The product can be used to add new responsive views for NG Collection Portlet. quintagroup.slidertemplates adds four templates: Carousel, Shelf, Vertical and Horizontal Tabs, that can customize information display. Now you don’t need to involve developer to use several custom views with collective.portlet.ngcollection. Just assign different view for each newly created portlet via it's Edit form.

Usage

quintagroup.slidertemplates is simple in usage, just follow the steps:

  • Go to /@@manage-portlets link on the desired page.
  • Choose NG Collection Portlet from the “Add portlet...” drop-down menu.
  • Add any previously created collection.
  • Choose one of the offered templates: carousel, shelf, vertical or horizontal tabs.
  • Save portlet.

http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/slider-templates-portlet.png

Views for NG Collection Portlet

Display collection in a beautiful carousel. Slide between items using prev/next buttons. Place carousel where you need on the page to highlight the most important information.

http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/Slider-templates-carousel.png

Shelf template allows to view several items of collection simultaneously in one container. It is fully responsive. By default this view displays three items on desktop, two - for the tablet, and only one item for mobile devices.

http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/Slider-templates-shelf.png

Horizontal Tabs mimic tabs behaviour. Item's name is displayed in horizontal row, by clicking on them you can switch between collection items.

http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/Slider-templates-horizontal-tabs.png

Vertical Tabs display item's name vertically, allowing to quickly navigate collection.

http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/Slider-templates-vertical-tabs.png

qgCarousel template allows to view three items of collection simultaneously in one container. It is fully responsive, so number, disposition, size and text length can change according to the screen resolution.

http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/qgcarousel.png

contentSlider template also allows to view three items of collection simultaneously, but two of them are situated below the first. It is recommended to use this template only in portlets in portal columns, not in panels.

http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/contentslider.png

Supported Plone versions:

  • Plone 4.3
Last modified 9 years ago Last modified on Apr 9, 2015 12:59:13 PM