Page Layout

Presets

Fooder
Portfolied
Supermint
Business

Edit colors

This is only a small part of customizable colors present in supermint


Page lists

Our first steps with Supermint

How use page-list templates

Great care has been taken in the preparation of different templates for page-list. First because it is a basic functionality in a web site that represent objects and especially because in Concrete5, the object Page is used for countless purposes. For a photographer, for bloggers, agency, members, products, .. page can (almost) everything represented.


The templates of block page-list Embodies the power of Myconcretelab themes.

Since Supermint 3.3 ALL templates can be displayed in three different ways: Static Grid (default), masonry grid (with or without filters) and finally as a carousel (from 1 to 6 pages per slide).

It support all management columns, with or without margins, and can all display a button with personalized text. All supports displaying thumbnails, .. It is an essential tool in building your pages.

ALL THESES FUNCTIONALITIES ARE MANAGED THANKS TO CUSTOM CLASSES SET ON THE BLOCK ITSELF :
  • Display as carousel is-carousel
  • Enable Masonry grid is-masonry
  • Display the page in a popup ( if page-type is UI-content ) popup-link
  • The number of columns displayed on desktop screen 1-column - 2-column - ...
  • Deleting gap between items (no margins) no-gap
  • Sorting by tags (only with masonry) tag-sorting
  • Sorting by keywords (only with masonry) keyword-sorting

Playing with custom classes.

Once the page list added with right settings to the page, click on it and select Design & Custom templates. Under the cog button you will choose a custom template and some custom classes. All classes have a name that tell you what is done once added.

#

A page list in Edit mode

Each templates, in edit mode inform you about settings made on it.

Edit mode Each templates, in edit mode inform you about settings made on it.


Tags sorting

To display and use tags sorting on a page list, you need to add the right custom class tags-sorting and to fill the attribute tags of pages that will be listed. The template will display only tags that are present in this list, not all tags.

#