Language navigation 

Camino provides a language navigation in the page header.

The navigation uses the configured site languages and renders the active language as plain text. Available alternative languages are rendered as links.

This makes the language switch available in the main navigation area of the frontend without additional setup.

Composer-based installations: Require "typo3/theme-camino" 

Check if the package typo3/theme-camino is already installed:

composer show | grep camino

This should either give no result or something similar to:

typo3/theme-camino       v14.1.0

If it is not installed, use the composer require command to install the extension:

composer require typo3/theme-camino

Once the extension has been installed, activate it using the following command:

typo3 extension:setup

Classic mode installations: Activate theme Camino 

For existing Classic mode TYPO3 installations, activate the extension via the System > Extensions module:

In submodule Installed Extensions search for "camino" and activate the extension. It was installed but not activated during installation / update.

Page tree 

Ensure that at least one page exists in the Page Tree and the root / parent page is configured correctly: Root Page > Page Properties > Behaviour > Use as Root Page

When a Root Page is created, a new Site record is automatically available.

Edit Site Configuration 

Access the Setup module: Sites > Setup > Edit Site Configuration (pencil icon) > General

Load Camino 

Select the Camino theme and add it to the Selected Items column.

Save your changes and clear the cache 

Save your changes. Then clear the cache

Adjust page tree and backend layouts 

Now that the theme is activated, revisit your page tree to apply the backend layouts, so that you can place Camino-specific content elements and adapt the frontend output.

Continue here: Backend layouts shipped by theme Camino.

Frontend color schemes 

There are four different color schemes to choose from.

Caramel Cream 

Ocean Breeze 

Forest Mist 

Violet Velvet 

How to change the color scheme 

Sites > Setup > Edit Site Settings (cog icon)

Theme Camino > Color Scheme

Add a custom logo 

The Camino logo is at the top of page and in the footer.

To change the logo, select the root page of your site: Root Page > Page Properties > Appearance > Logo

Save your changes. Then clear the cache.

"Camino: Start page" 

The start page backend layout is ideal for a homepage. It contains sections to add a banner/ header, regular content and content for the footer.

"Camino: Content page (full-width)" 

The backend layout Camino: Content page (full-width) contains a single content area where typical page elements such as text and images can be added.

"Camino: Content page (with sidebar)" 

Content Page - With Sidebar contains two columns, with the sidebar section being used to add meta information such as the page author and text teasers.

Standard TYPO3 content elements 

Camino uses only a small number of standard TYPO3 content elements, these include:

• Text
• Text & Images
• Form (used to embed forms created in the Forms module).
• Login Form (used to access restricted areas in the frontend).

Custom content elements 

Camino comes with new custom content elements that make it easy to add banners and share links to third party platforms such as Facebook, YouTube and Instagram.

As discussed in the Backend layouts section, custom content elements can only be used in specific places. This also applies to standard content elements.

For example, the Page Header content element can only be used in the Hero Section of the Start Page backend layout and cannot be inserted into the footer or any other section on the page.

Below is a list of all the custom content elements that ship with Camino.

Hero page header, small & text only 

These content elements create banners at the top of the page. Banners can include a title, subheader, an image and a CTA (Call To Action) that links to another page or an external source.

These three content elements can only be used in the Hero Section of the Start Page backend layout.

Text media teaser grid 

Use Text-Media Teaser Grid to add a collection of "cards" that contain a title, subtext and an image that links either to an internal page or an external source.

You can add a title, text and a button that will b placed above the collection of cards.

This content element can only be used in the main Content Area which is found in all three backend layouts.

Text teaser 

Use a Text Teaser to add a title and text with a button that links to an internal page or an external source.

The button can customized with an icon and can have its appearance modified using the Link configuration drop-down.

This content element can only be used in the main Content Area found in all three backend layouts.

Author card 

Use an Author Card to add information about the author to a page. Information such as the author's name, title and description can be added along with an image and contact details.

Social media icons 

Use these to add links to various platforms such as Linkedin, Instagram, Facebook, Twitter and YouTube.

This content element can only be added to the Footer: Column 1 section of the Start Page Backend Layout.

Link list 

Use the Link List content element to add links to internal pages and external sources.

This content element can only be added to the Footer: Column and Footer: Meta Navigation sections of the Start Page Backend Layout.