TYPO3/Use custom template files

The default template might be nice but you want to use your own one sooner or later. A templates consists of a CSS file, several Javascript files and the images references by those files. Most CSS and Javascript files are included via TypoScript:

page.includeCSS.tx_arcavias = EXT:arcavias/Resources/Public/html/classic/css/arcavias.css page.includeJSFooterlibs.jquery = EXT:arcavias/Resources/Public/html/classic/js/jquery.min.js page.includeJSFooterlibs.jquery-migrate = EXT:arcavias/Resources/Public/html/classic/js/jquery-migrate.js page.includeJSFooterlibs.jquery-ui = EXT:arcavias/Resources/Public/html/classic/js/jquery-ui.custom.min.js page.includeJSFooter.tx_arcavias = EXT:arcavias/Resources/Public/html/classic/js/arcavias.js

You can replace one or more of these files by using TypoScript, e.g.

page.includeCSS.tx_arcavias = fileadmin/template/css/arcavias.css page.includeJSFooterlibs.jquery = fileadmin/template/js/jquery.min.js

Caution: Please make sure the TypoScript statements are executed after the Arcavias setup.txt is included so they can really overwrite the statements from that file! If you've imported the page tree from the .t3d file, the Arcavias setup.txt is included in the "Shop" page. To overwrite the CSS file for example, you need to include the statements above in the setup section of this page. Adding them to the root page would have no effect.

If you only want to tweak the layout a little bit use a separate CSS file that contains the styles that should overwrite the ones from the arcavias.css. You can add your file via TypoScript but it must be included AFTER the page.includeCSS.tx_arcavias TypoScript statement so it's included after the arcavias.css file:

page.includeCSS.myproject = fileadmin/template/css/myfile.css

Two Javascript files that are included dynamically and the images must be configured differently. These files and folders are:


 * images/ folder
 * js/arcavias-detail.js
 * js/arcavias-image.js

First you have to set the base URL for the new template files:

plugin.tx_arcavias.settings.client.html.common.template.baseurl = fileadmin/template

Then you can add your own copies of these files to the "/fileadmin/template" directory.

Caution: Don't add a trailing slash (/) at the end of the configuration value.