You need to let your website know that it needs to use Templavoila. This is done with typoscript. Edit the main typoscript template by left clicking "List", left click the root page, search for the typoscript main template and click the edit icon (the pencil). Add the following lines to the setup part of your typoscript main template, which you have created in one of the previous steps:
config.doctype = html5
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = Ppi\TemplaVoilaPlus\Controller\FrontendController->main_page
If you have used the "hello world" script, now is the time to get rid of both "page.10" lines and replace them with the lines stated here. Save the template and move on. You'll end up with this (please note that the screenshot is outdated):
Remember that you can also use the "Template" option in the WEB menu to create, edit and view your typoscript templates, which we have discussed previously!
Furthermore, Templavoila needs the typoscript template that comes with the CSS Styled Content extension. The extension is part of the TYPO3 package and should be enabled by default. If the extension is not enabled, do so in the extension manager. After that you'll need to include the CSS Styled Content template into your main typoscript template. Click on the "includes" tab and include the CSS Styled Content template:
You'll probably already have done this in one of the previous steps. But it is important that this step isn't skipped, otherwise your website won't work.