You are here:   Table of contents / Design The App / Design Of Your Sections

Design the categories of your blog sections

Depending on the type of content you have on your app, you can add categories to your CMS blog sections.
Please refer to this online help for more details: Add categories to your sections


1

Set the design for your categories in blog sections

1. Add categories  to your blog section
2. Go to the menu Content & Design > Design > Sections Design
3. Click "Modify the style" in the right column next to the section to edit
4. Click "Categories"

picture

5. Your template is clearly identified with a green icon, use the arrows to select a new template.
6. Set the colors, fonts, background, and options.

picture

2

Header settings when categories are set for a blog section

Depending on the header height set , you have different options available to display your categories.
The header is always displayed with a small height on content pages, with the category templates Drop down and Pager you can choose different options for your categories design.

CASE 1
You set your header to display the "Section title & description" (Big template) or "Section title" (Small and Medium template).
Refer to this online help  for more details.
Your header title is updated depending on the page of your app that is displayed, to use automatically the title of the section/category involved.

Small & Medium template header
NavBar Title options available: 
Section & Category title: the title of the section will be shown in the header on the first category page, then the title of the category page will be shown.
Section title only: the title of the section only will be shown in the header for all pages of the section.
Categories only: the title of the category only will be shown in the header for all pages of the section.

Big template header
NavBar Title options available: 
Section & Category title: the title of the section will be shown in the header on the first category page, then the title of the category page will be shown.
Section title only: the title of the section only will be shown in the header for all pages of the section.

CASE 2
You set your header to display the "Logo only".
Refer to this online help   for more details.

Small & Medium template header
NavBar Title options available: 
Logo & Categories: the logo of the section will be shown in the header on the first category page, then the title of the category page will be shown.
Logo only: the logo only will be shown in the header for all pages of the section.
Categories only: the title of the category only will be shown in the header for all pages of the section.

Big template header
NavBar Title options available: 
Logo & Categories: the logo of the section will be shown in the header on the first category page, then the title of the category page will be shown.
Logo only: the logo only will be shown in the header for all pages of the section.


3

Category templates

Drop Down template
Display your categories list at the top of your app in a drop-down menu format.

picture

Pager template
Displays your categories in dot format and the users will scroll sideways to access the categories.
Attention: The arrows you see in the back office preview won't be visible in the phone, or iPad version of the app. You will have to slide the pages. 

picture

Circle Band template
Displays all your categories by default in a rectangular format.
Users can scroll sideways to load more categories. 

picture