Part 5. How to add custom slider for collection portlet

Read the following tutorial and learn how you can add custom slider for collection portlet in Vivid Plone theme.

Website with Vivid Plone Theme will be even more fascinating with the sliders for NG collection portlet.

To add custom sliders to Vivid diazo theme first you need to install the following Plone products:

Note that quintagroup.slidertemplates version should be 1.5 or higher, so that it could be used for Plone 5 (see version details on Github). Then go to Site Setup -> Add-ons and activate the above mentioned products.

First of all, create a collection of items for carousel, like news, events, images, pages with offers or products. Then go to the desired location and click on the “Manage portlets” item on the toolbar. Choose location for the portlet (Plone Leftcolumn, Plone Rightcolumn, or Plone Footerportlets). Choose NG Collection portlet from the “Add portlet…” drop down on the page. In the edit form select collection you would like to use and choose preferred template.

VIvid Plone theme collection portlet

Save changes and your custom slider is ready.

Custom slider for Vivid theme

Connect with our experts Let's talk