[TYPO3-german] Images für Foundation Framework rendern

Alexander Averbukh alav at gmx.net
Mon Oct 13 21:45:59 CEST 2014


Hallo zusammen,

ich habe das CE Bild eingefügt, das momentan 2 Bilder enthält. Standardmaäsig werden die Bilder so gerendert: 

[HTML]<div class="csc-textpic csc-textpic-left csc-textpic-above">  <div class="csc-textpic-imagewrap" data-csc-images="2" data-csc-cols="2">   <div class="csc-textpic-imagerow csc-textpic-imagerow-last">     <div class="csc-textpic-imagecolumn csc-textpic-firstcol">       <figure class="csc-textpic-image csc-textpic-last">         <img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt="">          </figure>     </div>
     <div class="csc-textpic-imagecolumn csc-textpic-lastcol">       <figure class="csc-textpic-image csc-textpic-last">         <img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_02_770x600_bb146026af.jpg" width="290" height="226" alt="">          </figure>     </div>   </div>  </div></div>[/HTML]

Ich möchte das Rendering fürs Foundation-Framework so rendern, dass der generierte Code bei 2 Images etwa so aussehen würde.

[HTML]<div class="row columns">
  <div class="large-6"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>
  <div class="large-6"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
</div>[/HTML]

und bei 3 Images so:

[HTML]
<div class="row columns">
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
</div>
[/HTML]

Wie kann ich das Rendering ändern? 
Wenn ich  mit TypoScript so schreibe, bringt es gar nichts

[CODE]

tt_content {
    image.20.addClassesCol = CASE
    image.20.addClassesCol {
        key.field = imagecols
        2 < tt_content.image.20.addClassesCol
        2 {
            override = large-6 
        }
        
    }
}

[/CODE]




More information about the TYPO3-german mailing list