Product support

Visit this product's website for support.


This plugin allows to create and manage a portfolio website.

Backend Menus


Items can be thought of as individual pieces of your portfolio. Here you can add the title, date, short description, images, and more explanatory content.


There are a few types of images: A banner, which is used at the top of the project page, a thumbnail which is used in the landing page component, and screenshots which appear in a "lightbox-like" fashion in the itemPage component.

Written content

Written content is managed through what are called "sections". Each section will be an entry in the itemPage table of contents. It's also possible to reorder sections by clicking the three bar icon in the right most column of the sections list.

Sorting Items

The items themselves can be sorted by clicking the reorder button from the root Manage Items page.


Every item is organized by tags. This is useful if you want to have multiple "profiles" which display different items. Make sure every item has at least one tag. Note: You should create tags before you create items, or else the tags wont be displayed in the tag field of the item creation/update form.


This menu manages personal information. Important to note is the Profile Key. This option will be used for the frontend Profile and socialNav components. Links can be to any external site. It's recommended that you use simple monochromatic icons for the socialNav component. Multiple profiles can be created and used on different pages.

CMS Components


The profile components displays your profile based on the profile key selected from the dropdown.


The landing page is a simple component that displays all the items of a particular tag. The tag is selected through a dropdown.


The social nav will display all the links from a given profile


The itemPage component takes in a url parameter. Make sure the page you use this component on follows this url pattern /projects/:project_name?.


Briefly, the fields in each one of the most important tables.


The landingPage & itemPage parse through items in different ways. Here is a highlight and description (if necessary) of the properties.

  • slug: Used to generate URLS when linking to projects
  • title
  • item_date: The date input into the backend form
  • tags: Relation (covered further down)
  • sections: A relation (covered further down)
  • published: Whether or not the item should be displayed
  • sort_order: Order that the items should be displayed


  • section_title: Title of the section. Used in the table of contents of the item pages and of course the section titles.
  • sort_order: Order to display the sections by
  • section: The body text of the section

Sections are sorted using a bit of javascript which can be found in assets/javascript/sortable.js. There is a function onRelationReorder() in the Item controller which handles the reordering behavior (for items too).


  • links: A relation (covered below)


  • name
  • url
  • icon

Using components with different layouts

It's possible to access all the data from the components through pages, layouts, partials, etc.


With the component added to the page/layout/partial, access all the items through {{ landingPage.items }}

Social nav

Access the links through {{ socialNav.links }}


Access the profile info through {{ Profile.profile }}


If you notice any feature you'd like to add or a bug you'd like to fix, send a pull request. The github repo can be found here.


Added email field to profile

Oct 22, 2017


Created table vonzimmerman_displaycase_item

Oct 18, 2017