13 - Template content, category display

In this part we will set how to display a list of item.

The most important part of display is in  display tab, here you can configure each part of you view :

• Display button (adding, export, rss ..)
• Category information (description, sub category, peer category)
• Layout option
• List of item (number ordering ect)
• Search and filter

in many case i set global behavior in flexicontent config, and if i need more specific option i use option in each category configuraton

Let's start for header

 

1. Go to your category option and in Display tab
2. Set header
3. Category information
4. Here set yes to display category title
5. Set yes to display category description
6. Allow using plugin tiggering if you want to add module or plugin execution in category description

 

 if you want to display sub category you can choose it

1. Set show subcategory
2. You can easly add item/category counting
3. Here you can display category image

You can do same configuration for peer categories, that will display category with same level

1. Go to Peer-categories list tab
2. Set to show
3. You can hide empty categorie only if counting is enable

 

 

Now we can configure how is construct the list of items

1. Go to display tab
2. Items list
3. Basic display, ordering
4. Here you can set what is display
5. You can order item via many configuration (alpha, date publication, most view ...)
6. Or ordering via any field

 

 

 Result in front

Now we will check item selection and pagination

1. Go to display tab
2. Items list
3. Item selection, Pagination
4. Here you can select item state to integrate it in list
5. We will display all items in any sublevel
6. Here we check the number of item in each page
7. We can select the pagination display
8. And display per page option

 

With flexicontent you can add markup in your content, level access, category, recently added date, recently updated date

1. Go to display tab
2. Items list
3. Item markings
4. Set if you want to display category markup
5. Set if you want to display Access markup
6. Set to Yes to display Recently Added marking
7. Check value for updated markup

Result

That cool we have set all elements to display, now we will choose and confirgure the category template

1. Go to Display tab
2. Layout
3. Set Grid template

 

Don't use specific template option for now, we will set it globaly in template panel (this options are interesting to override a display via a category or a link menu)

Go to Flexicontent template manager

Here you can :

• Configure template globaly
• Copie Edit File (php and css)

We will configure grid template for category layout

In Fields placement tab you can drag and drop field in wanted position like item template

Result

So easy not ?

Now we will set some option for display

1. Go to Display parameters tab
2. Set 2 in feature
3. Use html5 params (xhtml will be removed)
4. In common tab you can set some css color (not used in this tutorial)
5. Just set btn btn-default in readmore class to use template adaptation

Now we will style each part of template, feature and standard items

1. Display parameters
2. Go to featured items
3. Placement tab
4. Set 2 columns
5. Items placement for masonry display

In styling tab you can modify css without coding, but i didn't use it

In fields you can select some option for a good displaying

1. Go to featured items tab
2. Fields tab
3. Set to yes for using image
4. Select your field image
5. Select the fallback behavior (if no image is found in first option)
6. Set size of image

Résult

You can do the same config for standard items just set 3 columns

result

That it for category template ! Now will add search and filter in next tutorial