WEC Template Developers Manual
Appendix IV: External Extension Templates
HTML Template for News Extension (tt_news)
In the WEC Common Configuration, this file is located at fileadmin/ext-templates/news-template.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
IMPORTANT: The stylesheet link below is only for testing the template file directly in a browser while editing it.
On the website the css styles for tt_news have to be include with the static TS template "default CSS style (tt_news)" or
with an external file (see tt_news/res/tt_news_v2_styles.css) which you include via TypoSript in the "page" object.
-->
<title>new News example template</title>
<link href="../res/tt_news_tut_main_stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<br />
<br />
<br />
<h1>NEWS TEMPLATES</h1>
<h2>EXAMPLE</h2>
<br />
<br />
<br />
<pre>
<strong>Common markers:</strong>
These are substituted in all news item displaying templates:
<em>Markers:</em>
NEWS_UID - ID number (uid) of the news item
NEWS_TITLE - News item title
NEWS_AUTHOR - name of author
NEWS_EMAIL - email of author
NEWS_DATE - date
NEWS_TIME - time
NEWS_AGE - age of news item in minutes, hours, days or years
NEWS_SUBHEADER - subheader, if empty main content is inserted here in LIST and LATEST
NEWS_CONTENT - main content
NEWS_LINKS - news links
NEWS_CATEGORY - news item category
NEWS_CATEGORY_IMAGE - news item category image
NEWS_RELATED - links to related news
NEWS_IMAGE - news item images
PAGE_UID - Page id of the parent page (pid)
PAGE_TITLE - Title of the parent page of the news item
PAGE_AUTHOR - Page author, if any
PAGE_AUTHOR_EMAIL - Page author email, if any
<em>News Language Markers (see pi/locallang.php):</em>
LATEST_HEADER - header for the LATEST element
GOTOARCHIVE - link to archive page in latest template
ARCHIVE_HEADER - same for AMENU
MORE - more ;-)
TEXT_CAT - text output before categories and category images in LIST view (eg: 'categories:')
TEXT_CAT_LATEST - the same in a shorter form for the LATEST element (eg: 'cat:')
BACK_TO_LIST - link back to list-view in single-view template
ARCHIVE_EMPTY_MSG - no items in archive
SEARCH_EMPTY_MSG - message for empty search results
TEXT_NEWS_AGE - text inserted before the age of the news item
<em>Wrapped Subparts:</em>
LINK_ITEM - link to the news item single display
LINK_PREV - used in the pagebrowser
BROWSE_LINKS - used in the pagebrowser
LINK_NEXT - used in the pagebrowser
</pre>
<br />
<br />
<br />
<br />
<hr />
<br />
<br />
<br />
<h3>TEMPLATE_LATEST</h3>
<em>This is the template for the latest news, typically displayed on a frontpage.</em>
<br />
<br />
<br />
<br />
<!-- ###TEMPLATE_LATEST### begin
This is the template for the latest news, typically displayed on a frontpage
-->
<div class="news-latest-container">
<h2>###LATEST_HEADER###</h2>
<!-- ###CONTENT### begin
This is the part of the template substituted with the list of news:
-->
<!-- ###NEWS### begin
Template for a single item
-->
<div class="news-latest-item">
<span class="news-latest-date"><!--###LINK_ITEM###-->###NEWS_DATE### ###NEWS_TIME###<!--###LINK_ITEM###--></span>
<h3><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></h3>
<!--###LINK_ITEM###-->###NEWS_IMAGE###<!--###LINK_ITEM###-->
###NEWS_SUBHEADER###<hr class="clearer" />
###CATWRAP_B### ###TEXT_CAT_LATEST### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE### ###CATWRAP_E###
<div class="news-latest-morelink"><!--###LINK_ITEM###-->###MORE###<!--###LINK_ITEM###--></div>
</div>
<!-- ###NEWS### end-->
<!-- ###CONTENT### end -->
<div class="news-latest-gotoarchive"><!--###LINK_ARCHIVE###-->###GOTOARCHIVE###<!--###LINK_ARCHIVE###--></div>
</div>
<!-- ###TEMPLATE_LATEST### end -->
<br />
<br />
<br />
<br />
<hr />
<br />
<br />
<br />
<h3>TEMPLATE_LIST</h3>
<em>This is the template for the list of news in the archive or news page or search.</em>
<br />
<br />
<br />
<br />
<!-- ###TEMPLATE_LIST### begin
This is the template for the list of news in the archive or news page or search
-->
<div class="news-list-container">
<!-- ###CONTENT### begin
This is the part of the template substituted with the list of news:
-->
<!-- ###NEWS### begin
Template for a single item
-->
<div class="news-list-item">
<h3>
<span class="news-list-date">###NEWS_DATE###</span>
<!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></h3>
<!--###LINK_ITEM###-->###NEWS_IMAGE###<!--###LINK_ITEM###-->
###NEWS_SUBHEADER###
<!-- Category info removed by BB -->
<div class="news-list-morelink"><!--###LINK_ITEM###-->###MORE###<!--###LINK_ITEM###--></div>
<hr class="clearer" /></div>
<!-- ###NEWS### end-->
<!-- ###CONTENT### end -->
<div class="news-list-browse">###BROWSE_LINKS###</div>
</div>
<!-- ###TEMPLATE_LIST### end -->
<br />
<br />
<br />
<br />
<hr />
<br />
<br />
<br />
<h3>TEMPLATE_SINGLE</h3>
<em>This subpart is used to display single news items</em><br />
<br />
<br />
<!-- ###TEMPLATE_SINGLE### begin
This subpart is used to display single news items
-->
<div class="news-single-item">
<h2>###NEWS_TITLE###</h2>
<div class="news-single-timedata">###NEWS_DATE### ###NEWS_TIME### ###TEXT_NEWS_AGE### ###NEWS_AGE###</div>
###CATWRAP_B### ###TEXT_CAT### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE### ###CATWRAP_E###
###NEWS_AUTHOR###
###NEWS_SUBHEADER###
###ADDINFO_WRAP_B###
###TEXT_RELATED###
###NEWS_RELATED###
###TEXT_FILES###
###FILE_LINK###
###TEXT_LINKS###
###NEWS_LINKS###
###TEXT_RELATEDBYCATEGORY###
###NEWS_RELATEDBYCATEGORY###
###ADDINFO_WRAP_E###
###NEWS_IMAGE###
###NEWS_CONTENT###
<hr class="clearer" />
###NEWS_SINGLE_PAGEBROWSER###
<div class="news-single-backlink">
<!--###LINK_ITEM###-->###BACK_TO_LIST###<!--###LINK_ITEM###-->
</div>
</div>
<!-- ###TEMPLATE_SINGLE### end -->
<br />
<br /><hr />
<br />
<br />
<br />
<h3>TEMPLATE_SINGLE_RECORDINSERT</h3>
<em>This subpart is used to display single news items with the "Insert Records" content element </em><br />
<br />
<br />
<!-- ###TEMPLATE_SINGLE_RECORDINSERT### begin
This subpart is used to display single news items
-->
<div class="news-single-item">
<div class="news-single-timedata">###NEWS_DATE### ###NEWS_TIME### ###TEXT_NEWS_AGE### ###NEWS_AGE###</div>
<h2>###NEWS_TITLE###</h2>
###CATWRAP_B### ###TEXT_CAT### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE### ###CATWRAP_E###
###NEWS_AUTHOR###
###NEWS_SUBHEADER###
###NEWS_IMAGE###
###NEWS_CONTENT###
###ADDINFO_WRAP_B###
###TEXT_RELATED###
###NEWS_RELATED###
###TEXT_FILES###
###FILE_LINK###
###TEXT_LINKS###
###NEWS_LINKS###
###TEXT_RELATEDBYCATEGORY###
###NEWS_RELATEDBYCATEGORY###
###ADDINFO_WRAP_E###
###COMMENTS###
###NEWS_SINGLE_PAGEBROWSER###
<div class="news-single-backlink">
<!--###LINK_ITEM###-->###BACK_TO_LIST###<!--###LINK_ITEM###-->
</div> </div>
<!-- ###TEMPLATE_SINGLE_RECORDINSERT### end --><br /><hr />
<br />
<br />
<br />
<h3>TEMPLATE_SINGLE_FORUM</h3>
<em>This subpart is used to display single news items with the "Insert Records" content element </em><br />
<br />
<br />
<!-- ###TEMPLATE_SINGLE_FORUM### begin
This subpart is used to display single news items
-->
<div class="news-single-item">
<div class="news-single-timedata">###NEWS_DATE### ###NEWS_TIME### ###TEXT_NEWS_AGE### ###NEWS_AGE###</div>
<h2>###NEWS_TITLE###</h2>
###CATWRAP_B### ###TEXT_CAT### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE### ###CATWRAP_E###
###NEWS_AUTHOR###
###NEWS_SUBHEADER###
###NEWS_IMAGE###
###NEWS_CONTENT###
<div class="news-single-backlink">
<!--###LINK_ITEM###-->###BACK_TO_LIST###<!--###LINK_ITEM###-->
</div> </div>
<!-- ###TEMPLATE_SINGLE_FORUM### end -->
<br />
<br />
<br />
<br />
<hr />
<br />
<br />
<br />
<h3>TEMPLATE_ARCHIVE</h3>
<em>Subpart for the news archive menu.</em><br />
<br />
<br />
<!-- ###TEMPLATE_ARCHIVE### begin
Subpart for the news archive menu
-->
<div class="news-amenu-container">
<h2>###ARCHIVE_HEADER###</h2>
<ul>
<!-- ###CONTENT### begin -->
<!-- ###MENUITEM### begin -->
<li><!--###LINK_ITEM###-->###ARCHIVE_TITLE###: ###ARCHIVE_COUNT### ###ARCHIVE_ITEMS###<!--###LINK_ITEM###--></li>
<!-- ###MENUITEM### end-->
<!-- ###CONTENT### end -->
</ul>
</div>
<!-- ###TEMPLATE_ARCHIVE### end -->
<br />
<br />
<br />
<br />
<hr />
<br />
<br />
<br />
<h3>TEMPLATE_ARCHIVE_NOITEMS</h3>
<em>Shown if the archive has no items!</em><br />
<br />
<br />
<!-- ###TEMPLATE_ARCHIVE_NOITEMS### begin
Shown if the archive has no items!
-->
<div class="news-amenu-container">
<h2>###ARCHIVE_HEADER###</h2>
<ul>
<li>###ARCHIVE_EMPTY_MSG###</li>
</ul>
</div>
<!-- ###TEMPLATE_ARCHIVE_NOITEMS### end -->
<br />
<br />
<br />
<br />
<hr />
<br />
<br />
<br />
<h3>TEMPLATE_SEARCH</h3>
<em>Subpart for the search-form.</em><br />
<br />
<br />
<!-- ###TEMPLATE_SEARCH### begin
Subpart for the search-form
-->
<div class="news-search-form">
<form method="post" action="###FORM_URL###">
<input size="30" maxlength="100" type="text" name="tx_ttnews[swords]" value="###SWORDS###" />
<span class="news-search-form-submit"><input type="submit" name="search" value="###SEARCH_BUTTON###" /></span>
</form></div>
<!-- ###TEMPLATE_SEARCH### end -->
<br />
<hr /><br />
<h3>
this is shown if the search result is empty </h3>
<br />
<!-- ###TEMPLATE_SEARCH_EMPTY### begin -->
<div class="news-search-emptyMsg">###SEARCH_EMPTY_MSG###</div>
<!-- ###TEMPLATE_SEARCH_EMPTY### end -->
<br /><br />
<br />
<hr /><br />
<h3>TEMPLATE_HEADER_LIST</h3>
<em>shows a list of news titles</em><br />
<br />
<!-- ###TEMPLATE_HEADER_LIST### begin -->
<!-- ###CONTENT### begin
This is the part of the template substituted with the list of news:
-->
<!-- ###NEWS### begin
Template for a single item
-->
<div class="news-header-list-container">
<div class="news-header-list-title"> <!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></div>
<div class="news-header-list-time"> ###NEWS_TIME###</div>
<div class="news-header-list-categories">###TEXT_CAT_LATEST### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE###</div>
</div>
<!-- ###NEWS### end-->
<!-- ###CONTENT### end -->
###BROWSE_LINKS###
<!-- ###TEMPLATE_HEADER_LIST### end -->
<br /><br />
<br />
<hr /><br />
<h3>TEMPLATE_CAT_RELATED</h3>
<em>shows a list of related news with the same category</em><br />
<br />
<!-- ###TEMPLATE_CAT_RELATED### begin -->
<!-- ###CONTENT### begin
This is the part of the template substituted with the list of news:
-->
<!-- ###NEWS### begin
Template for a single item
-->
###GW3B###<!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--> ###NEWS_TIME### ###GW3E###
<!-- ###NEWS### end-->
<!-- ###CONTENT### end -->
<!-- ###TEMPLATE_CAT_RELATED### end -->
<br />
<br />
<br />
</body>
</html>
HTML Template for Searchbox for Indexed Search Engine (macina_searchbox)
In the WEC Common Configuration, this file is located at typo3conf/ext/macina_searchbox/pi1/template.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Template file for the"macina_searchbox"extension.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h3>Template file for the "macina_searchbox" extension.</h3>
<p><b>Available Markers:</b></p>
<ul>
<li>###HEADLINE### Displays the Headline</li>
<li>###ADVANCED### Advanced Search Link</li>
<li>###SUBMIT### Alttext for the submit button</li>
<li>###ACTLANG### UID of the actual language</li>
<li>###SEARCHPID### PID of the Searchpage</li>
</ul>
<!-- ###TEMPLATE### begin -->
<form action="###SEARCHPID###" method="post" name="searchform" id="searchform" style="margin:0px; padding:0px; ">
<table height="14" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">###HEADLINE###</td>
<td valign="middle" width="10"> </td>
</tr>
<tr>
<td align="left"><input name="tx_indexedsearch[sword]" type="text" style="height:18; width:130; font-size:11" /></td>
<td><input name="tx_indexedsearch[submit_button]" type="submit" style="border:0" value="Submit" />
<input type="hidden" name="tx_indexedsearch[_sections]" value="0" />
<input type="hidden" name="tx_indexedsearch[pointer]" value="0" />
<input type="hidden" name="tx_indexedsearch[ext]" value="0" />
<input type="hidden" name="tx_indexedsearch[lang]" value="###ACTLANG###" />
</td>
</tr>
<tr>
<td align="left" valign="middle" style="font-size:9px">###ADVANCED###</td>
<td> </td>
</tr>
</table>
</form>
<!-- ###TEMPLATE### end -->
</body>
</html>
| 15 / 15 |

