Please rate my add-on's if you like them. I would also love to hear from you if you have any comments or suggestions which would allow me to improve my work.

Thumbnail
Page Picker+

Developed by

Intermediate
Intermediate
we use the page picker+ on website miandla.com for the mainmenu, the footer and for some teaser elements (with page …

noxic

The Page Picker+ block lets you create custom, nested lists of pages by letting you handpick them from the sitemap and order them in the order you want. This is great for all kinds of purposes; from creating custom navigation menus to thumbnail grids.

The Page Picker+ block is a greate solution for scenario's where the Autonav block and Pagelist block don't offer you enough flexibility, because you decide which pages show up in the list and in what order.

The Page Picker+ offers the same options as the Page Picker block plus the following features:

  • Nest pages below other pages, creating your own hierarchy.
  • Create an RSS feed.
  • Fully compatible with Concrete's Autonav block and Pagelist block templates.

Example of the types of content you can create with the Page Picker+ block:

  • Horizontal navigation menu with dropdowns.
  • Vertical, nested navigation list (for in the footer of sidebar for example)
  • Breadcrumb navigation
  • Thumbnail gallery

The Page Picker+ block ships with a load of templates including all the templates from the Autonav block and the Pagelist block:

  • Vertical, unnested/flat navigation list
  • Vertical, nested navigation list with expand/collapse Javascript action
  • Horizontal navigation bar template
  • The autonav default template
  • The autonav breadcrumb template
  • The autonav responsive header navigation template
  • The pagelist thumbnail grid template
  • The pagelist default template

It also has aJavascript vertical navigation list template. This template creates a vertical list that can expand and collapse and that expands the currently selected tree regardless of the page-order in the sitemap. So you could add 'Home' under 'Contact', add the block to both pages and you would see 'Contact' expanded on the Home page.

The Page Picker+ offers you the following configurable options:

  • Create a title for your block
  • Select the format for your title (h1, h2, h3, h4, h5, h6, strong, span, div, p)
  • Add extra css classes
  • Choose whether or not to display page descriptions
  • Choose whether or not to display a thumbnail for each page
  • Choose whether or not to display the publishing date of each page
  • Sort the pages in the order you want
  • Provide an alternate text for the hyperlink to use instead of the page title
  • Use pagination
  • Use aliases instead of the page name
  • Nested lists
  • RSS feed

The Page Picker Controller can produce a nested list of pages as well as a flat array of pages.

NOTICE #1 : Please note that not all the options are used in every template. The default template uses all the options but for some templates certain options are not used because this doesn't make sense, like a thumbnail or page description in a navigation template. But of course you are entirely free to create what ever template you want.

NOTICE #2 : You can use the templates from Concrete's Autonav block and Pagelist block for this block because the Page Picker+ is fully compatible with these templates, meaning all the variables used in these templates are set by the Page Picker+ block. This doesn't mean that the Page Picker+ has exactly the same options as the Autonav block and the Pagelist block. The Pagelist block, for example, has the option to provide a text to display when there are no pages to show. This doesn't make sense for the Page Picker+ so this option is not available.

NOTICE #3 : The user interface of the Page Picker+ form for adding/editing blocks is slightly different than that of the normal Page Picker block. If you are familiar with the Page Picker block, you know you can rearrange the pages with drag & drop. Because the Page Picker+ block offers you the possibillity the created nested lists, the drag & drop option is not available. This is because jQuery UI's drag & drop logic does not work on nested lists (which makes perfect sense if you understand html and Javascript). Buttons are used instead of drag & drop to reorder the pages.

Current Version: 3.0.2
Fully Translatable: Yes
Needs External Libraries: No
Compatible 5.7.4.2+
License: Standard
Support Response: Replies to tickets every few days.
Support Hosted: On concrete5.org
Needs extra server permissions: No
Needs Internet: No
Marketplace Tests:
Passed Automated Tests
Passed PRB Review