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
- Go to your category option and in Display tab
- Set header
- Category information
- Here set yes to display category title
- Set yes to display category description
- 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
- Set show subcategory
- You can easly add item/category counting
- Here you can display category image
You can do same configuration for peer categories, that will display category with same level
- Go to Peer-categories list tab
- Set to show
- You can hide empty categorie only if counting is enable
Now we can configure how is construct the list of items
- Go to display tab
- Items list
- Basic display, ordering
- Here you can set what is display
- You can order item via many configuration (alpha, date publication, most view ...)
- Or ordering via any field
Result in front
Now we will check item selection and pagination
- Go to display tab
- Items list
- Item selection, Pagination
- Here you can select item state to integrate it in list
- We will display all items in any sublevel
- Here we check the number of item in each page
- We can select the pagination display
- And display per page option
With flexicontent you can add markup in your content, level access, category, recently added date, recently updated date
- Go to display tab
- Items list
- Item markings
- Set if you want to display category markup
- Set if you want to display Access markup
- Set to Yes to display Recently Added marking
- Check value for updated markup
Result
That cool we have set all elements to display, now we will choose and confirgure the category template
- Go to Display tab
- Layout
- 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
- Go to Display parameters tab
- Set 2 in feature
- Use html5 params (xhtml will be removed)
- In common tab you can set some css color (not used in this tutorial)
- Just set btn btn-default in readmore class to use template adaptation
Now we will style each part of template, feature and standard items
- Display parameters
- Go to featured items
- Placement tab
- Set 2 columns
- 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
- Go to featured items tab
- Fields tab
- Set to yes for using image
- Select your field image
- Select the fallback behavior (if no image is found in first option)
- 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