Travel Demo for editors

Use the Travel Demo to get an overview of content authoring with a specific use case. This project illustrates how you can use pages and custom apps to manage your content.

Content is managed in the Magnolia Shell, our browser-based admin interface.

Content Organization

App Description

App	Description
Pages	Every project contains a hierarchy (or tree) of website pages. In particular, check out the tree of pages under the `about` page.
Tour Categories	A custom content app used to manage the `destinations` and `tour-types` categories. This app is based on the Categories app.
Tours	A custom content app to manage tours.

Pages

Every project contains a hierarchy (or tree) of website pages. In particular, check out the tree of pages under the about page.

Tour Categories

A custom content app used to manage the destinations and tour-types categories. This app is based on the Categories app.

Tours

A custom content app to manage tours.

Managing content in a page

Editing standard components

In the Pages app, expand the travel page and edit the contact page.
Click the Main bar to activate the component bars.
Click the edit icon in the Text and Image bar. Text and Image is a standard component provided by the MTE module.
Change text in the dialog and save.

Text and image dialog

Editing custom components

The Travel Demo adds custom components that display content stored in the Tours and Tour categories app.

Edit the travel page in the Pages app.
Click the Main bar to activate the component bars.
Click the edit icon in the TourType Teaser Row bar. This is a custom component.
Click the trash can to the right of /tour-types/cultural to delete this item.
Click Add and then Select New….
Select family and click Commit.
Save.

The family category now displays in the teaser.

Custom components teaser

Adding pages

Select the travel page and click Add page.
In the Add page dialog, enter faq as the page name.
Select the Travel Standard template in the dropdown. This is a list of available templates.
Click Next.
In the Page properties dialog, enter FAQ as the page title.
Save the changes by clicking Commit.

Edit the new page and note that it has automatically been added to the top navigation.

Page edit mode

A site can define which page templates are available. It is also possible to add a custom availability and specify which templates can be added as children of other templates or any other rules that suit your project.

Adding components

Pages contain areas which are usually used as containers for components. Each area defines which components are available in the area.

Edit the new faq page.
Click the plus sign in the New Main Component bar.
Select the Text and image component in the dropdown. This is a list of available components.
Click Next.
Enter text in the Text tab and select and image in the Image tab.
Save.

Text and image dialog

Managing content in a content app

Content apps are useful for managing the things your site is about, such as tours, departments, affiliates, cars, etc. It is faster and easier to work in an app than in the page editor. In an app, there is only one dialog per item, and you do not have to worry about the page layout, or areas and components. Content apps encourage clean reuse of content across the site. The content is entered once in the content app and used in pages throughout the site.

Adding tour categories

Open the Tour Categories app.
Select the tour-types folder and click Add category.
Fill in the fields, except Importance and Related Categories, as they are not used in the demo.
Save.