[TYPO3-german] Fluid Condition für wenn Kein Bild hinterlegt dann <figure></figure> nicht ausgeben und <article></article>andere class=""

[Matthias Eberlein]

Am 24.11.2012 13:51, schrieb Matthias Eberlein:
> Hallo Liste,
> ich stehe hir vor der Frage, wenn keine Image Datei hinterlegt wurde der
> ganze <figure></figure> block nicht ausgegeben wird und der dazgehörige
> <article> eine anderen class="" vergeben wird.
>
> zb. wenn Bild vorhanden ausgabe
>
> <figure class="ym-g50 ym-gr"> .. </figure>
>
> <article class="ym-g50 ym-gl"> .. </article>
>
> wenn kein Bild vorhanden
>
> <figure class="display-none">.. </figure> --> ander class="" oder
> garnicht ausgeben
>
> <article class="ym-box"> .. </article> --> andere class=""
>
> -----------------------------------------
>
> Was ich bis jetzt habe ist folgendes markup welches auch seinen
> Anforderungen Entspricht. Nur das Problem ist folgendes. figure &
> article sind 2 x 50 % width boxen. Ist die <figure> box lehr, belegt
> diese weiterhin 50% width. Was ich jedoch dann brauche ist für <article>
> 100% width box. Das wollte ich damit umgehen. Kann sein das ich jetzt
> mit meinem Denken auf völlig falschen wege bin...
>
>
> <div class="ym-grid linearize-level-1">
>          <figure class="ym-g50 ym-gr">
>              <div class="imageblock">
>      <f:if condition="{image.image}">
>
>                  <f:image ...
>          </f:if>
>          </div>
>          </figure>
>          <article class="ym-g50 ym-gl">
>
>      <h1>{image.title}</h1>
>      <f:format.raw...
>
>          </article>
>      </div>
>
>
> Hat jemand einen Wink für mich wie ich das bewerkstelligen kann?
>
>
> Gruß
> Matthias

Hallo David,
super tip. Vor zuviel Wald sieht man die einzelnen Bäume nicht mehr - 
oder wie war das?

Hier mein result und es funst perfect. Das ganze ist für den flexslider 
von Sven Wappler kombiniert mit rtp_imgquery für responive images & 
yaml4 Framework .

Hier main Komplettes markup für das partial/entry.html


{namespace fs=Tx_WsFlexslider_ViewHelpers}
{namespace responsive=Tx_RtpImgquery_ViewHelpers}


<li>
    <f:if condition="{image.image}">
        <f:then>
     <section class="ym-grid linearize-level-1">
         <figure class="ym-g50 ym-gr">
             <div class="imageblock">
	
		
                 <responsive:image 
src="uploads/tx_wsflexslider/{image.image}" width="{settings.maxwidth}" 
height="{settings.maxheight}" alt="{image.title}" breakpoint="1240" 
breakpoints="2480:1282, 1240:641, 1024:504, 800:392, 768:705, 600:583, 
480:463, 320:303" />

         </div>
         </figure>
         <article class="ym-g50 ym-gl">
	<div class="captionwrapper">
	<!-- <h1>{image.title}</h1> -->
	<div class="caption"><f:format.raw>{image.description}</f:format.raw></div>
	</div>
         </article>
     </section>
            </f:then>
        <f:else>

    <section class="ym-grid">

         <article class="ym-gbox">
	<div class="captionwrapper">
	<!-- <h1>{image.title}</h1> -->
	<div class="caption"><f:format.raw>{image.description}</f:format.raw></div>
	</div>
         </article>
     </section>




            </f:else>
     </f:if>

</li>

Gruß
matthias