TYPO3Buddy
TYPO3Buddy is on FacebookTYPO3Buddy is on Twitter
menu

TYPO3 Fluid: Create additional content templates

As of now, you have created one content template; the "one content column with side menu" template. You will create two additional content templates: a "one content column without side menu" template and a "two content column without side menu".

Please note that the mobile website currently needs the side menu. If you use these templates without side menu, the mobile website won't function properly anymore, because the menu isn't rendered. To have a layout without side menu but with either one or two columns, and at the same time have a mobile menu, you could disable the side menu with CSS and include this additional CSS with typoscript for these pages.

Create a file called "main_1_column_without_menu.html" in the fileadmin/templates folder. Edit it and add the following code:

<f:layout name="main_layout" />
<f:section name="content">
<div id="content">
    <f:format.raw>{content_main}</f:format.raw>
</div>
</f:section>

Next, create a file called "main_2_column_without_menu.html" in the fileadmin/templates folder. Put the following code in that file:

<f:layout name="main_layout" />
<f:section name="content">
<div id="content">
    <div id="content_column_1">
        <f:format.raw>{content_column_1}</f:format.raw>
    </div>
    <div id="content_column_2">
        <f:format.raw>{content_column_2}</f:format.raw>
    </div>
    <div class="clearer"></div>
</div>
</f:section>

When you're finished and you click on Filelist and then on the templates folder, you should see this:

TYPO3 Multiple Fluid content template - TYPO3Buddy website tutorial

Next step: create additional backend layouts ->

The TYPO3Buddy website is a tutorial to rebuild the TYPO3Buddy website from scratch. You can choose from a TYPO3 Fluid tutorial and a TYPO3 Templavoila tutorial. You'll build TYPO3 websites like you've done so for years!