Intégrateur certifié et Développeur TYPO3

Les autres blogs

TYPO3 DCE : Champ image dans une section

Comment utiliser le champ Image de DCE dans une section ?

Actuellement en version 1.1.1 au moment où j'écrit cet article, il est impossible d'utiliser un champ FAL classique pour les image lorsque l'on se trouve dans une section. Pour cela, il faut utiliser un champ de type "group" :

<config>
	<type>group</type>
	<internal_type>db</internal_type>
	<appearance>
		<elementBrowserType>file</elementBrowserType>
		<elementBrowserAllowed>jpg,jpeg,png,gif,svg</elementBrowserAllowed>
	</appearance>
	<allowed>sys_file</allowed>
	<size>1</size>
	<minitems>0</minitems>
	<maxitems>1</maxitems>
	<show_thumbs>1</show_thumbs>
</config>

Pour afficher l'image dans le template fluid, on utilise par habitude le viewhelper de DCE :

<f:for each="{dce:fal(field:'picto', contentObject:contentObject)}" as="fileReference">
	<f:image src="{fileReference.uid}" alt="{element.title}" treatIdAsReference="1" class="img-responsive" width="100" />
</f:for>

Or, ce viewhelper ne fonctionne pas pour le champ image "group" lorsque l'on se trouve dans une section. Pour cela, il faut utiliser le code suivant :

<f:for each="{element.picto -> dce:explode()}" as="imageUid">
	<f:image src="file:{imageUid}" alt="{element.title}" class="img-responsive" width="60" />                        
</f:for>

Commentaires

commentaires générés par Disqus