[TYPO3-german] Gridelements Erscheinungsbild Data

[Bernd Pier]

Am 23.08.17 um 19:55 schrieb Bernd Pier:
> Am 23.08.17 um 14:41 schrieb Lukas s:
>> Hallo Bernd,
>>
>> vielen Dank für deine geduldige Hilfe echt toll !!
>>
>> Ich dachte ich häng jetzt doch nochmal meine Gridkonfiguration an:
>>
>> # grid config begin
>> tt_content.gridelements_pi1.20.10.setup {
>>     # ID des Gridelements
>>     4 < lib.gridelements.defaultGridSetup
>>     4 {
>>         # FLUIDTEMPLATE konfigurieren
>>         cObject = FLUIDTEMPLATE
>>         cObject {
>>             file = fileadmin/template/gridelements/grid-6.html
>>         }
>>     }
>> }
>> # grid config end
>>
>>
>> und hier mein grid-6.html Template:
>>
>> {namespace v=FluidTYPO3\Vhs\ViewHelpers}
>> <div class="section-image {data.header} lazy"
>> style="background:url('HIER SOLLTE ES HIN')">
>>             <div class="section-headline">
>>                 <h1>{data.header}</h1>
>>             </div>
>>         </div>
>>
>> <div class="section {data.header}"  data-anchor="{data.header}">
>>
>>     <div class="container" >
>>         <div class="grid-headline">
>>             <f:image src="{data.image_fileReferenceUids}"
>> alt="{data.altText}" treatIdAsReference="1" />
>>
>>             <f:format.raw>
>>                 {data.tx_gridelements_view_column_10}
>>             </f:format.raw>
>>         </div>
>>         <div class="row gutter-20">
>>
>>             <div class="col col-sm-6 col-md-4">
>>                 <f:format.raw>
>>                     {data.tx_gridelements_view_column_20}
>>                 </f:format.raw>
>>             </div>
>>             <div class="col col-sm-6 col-md-4">
>>                 <f:format.raw>
>>                     {data.tx_gridelements_view_column_30}
>>                 </f:format.raw>
>>             </div>
>>             <div class="col col-sm-6 col-md-4">
>>                 <f:format.raw>
>>                     {data.tx_gridelements_view_column_40}
>>                 </f:format.raw>
>>             </div>
>>             <div class="clearfix hidden-sm"></div>
>>             <div class="col col-sm-6 col-md-4">
>>                 <f:format.raw>
>>                     {data.tx_gridelements_view_column_50}
>>                 </f:format.raw>
>>             </div>
>>             <div class="col col-sm-6 col-md-4">
>>                 <f:format.raw>
>>                     {data.tx_gridelements_view_column_60}
>>                 </f:format.raw>
>>             </div>
>>             <div class="col col-sm-6 col-md-4">
>>                 <f:format.raw>
>>                     {data.tx_gridelements_view_column_70}
>>                 </f:format.raw>
>>             </div>
>>         </div>
>>     </div>
>> </div>
>>
>> Jetzt habe ich für jedes Gridelement im Backend unter Erscheinungsbild
>> ein Image hinterlegt welches ich gerne mit dem ViewHelper
>> an den Platzhalter im Template schreiben würde.
>> Ich hoffe jetzt ist mein Vorhaben etwas verständlicher.
>>
>> Grüße
>> Lukaschel
> Hi Lukaschel,
>
> <v:content.resources.fal table="tt_content" field="assets"
> uid="{data.uid}" as="image">
> <div class="section-image {data.header} lazy"
>  > style="background:url('{image.url}')">
> </v:content.resources.fal>
>
> innerhalb des ViewHelpers v:content.resources kannst du auf das image
> mit {image} zugreifen. Das kannst du dir mit dem f:debug ansehen, da
> müsste es sowas wie url geben, wenn ich mich recht erinnere. Dann
> könntest du mit {image.url} die Url relativ zu deinem Webverzeichnis
> holen, also sowas wie "fileadmin/user_upload/bild.png".
>
> Grüssle
>
> Bernd
ah hab noch was vergessen. {image} ist wahrscheinlich ein Array. Dann 
kannst du entweder mit <f:for each="image" as="imageElement"> darüber 
iterieren oder wenn du sicher bist nur ein Bild zu haben dann mit 
{image.0.url} direkt auf das erste Element des Arrays zugreifen.

Grüssle

Bernd