How to setup Latest News Template into EXT:news?

Are you in needs of ‘Latest News’ custom template & layout at tx_news TYPO3 Extension? This post might useful for TYPO3 beginners. Unfortunately, default tx_news only provides like Listing & Detail template selection at their plugin configuration, As of course each site require Latest news display like at landing/home page.

No worries, It’s quite easy to setup with few line of code with TypoScript & Fluid. Here is the step by step details to setup Custom template & layout for news TYPO3 Extension. Let’s consider the example which require ‘Latest News’ Layout & Template selection at news.

It’s time to setup our new template code into news Fluid template. Just open your extension template folder Partials/List/ and copy Item.html to the LatestNews.html

Now edit the Templates/News/List.html as follows:

<f:for as="newsItem" each="{news}">
  <f:render arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}" partial="List/Item">
  </f:render>
</f:for>

<f:for as="newsItem" each="{news}"> 
  <f:if condition="{0:settings.templateLayout} == {0:'latestNewsLayout'}">
   <f:then>
	 <f:render arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}" partial="List/LatestNews">
	 </f:render>
   </f:then>
   <f:else>
	<f:render arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}" partial="List/Item">
	</f:render>
   </f:else>
  </f:if>
</f:for>

Of course, Now you just need to adjust your needed HTML wrapper to display proper layout at Partials/List/LatestNews.html

That’s it, The Latest news template has been ready to be rendering at your awesome site!