[TYPO3-german] Gridelements Erscheinungsbild Data

[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