== quintagroup.slidertemplates == [[Image(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. [[Image(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. [[Image(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. [[Image(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. [[Image(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. [[Image(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. [[Image(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. [[Image(http://quintagroup.com/services/plone-development/products/quintagroup.slidertemplates/contentslider.png)]] Supported Plone versions: * Plone 4.3