Page 1 of 1

Bulletproof: Teaserbild

Posted: Tue Jul 12, 2011 3:35 pm
by paschnet
Hallo,

ich möchte in einem Weblog gerne BP als Template verwenden, müsste aber an der entries.tpl etwas anpassen und weiß nicht so recht weiter.

Hier der Blog: http://blog.pasch-net.de/podcasting/
Auf der Startseite soll jeder Artikel ein Vorschaubild (Thumbnail) bekommen, das auch auf den vollen Artikel verlinkt. Das Teaserbild füge ich über das Plugin "Erweiterte Eigenschaften" von Artikeln ein. Beim ausgeklappten Artikel soll anstatt des Thumbails die große Version angezeigt werden.

Momentan sieht der Code in der entries.tpl so aus:

Code: Select all

{if $entry.is_extended }
      <div class="entry_bild"><img src="{$entry.properties.ep_Bild}" /> </div>
      {else}
      {if $entry}
      <div class="entry_teaserbild"> <a href="{$entry.link}"><img src="{$entry.properties.ep_Teaserbild}" /></a> </div>
      {/if}{/if} 
Wie kann ich das eleganter lösen? Müssen über "erweiterte Eigenschaften" zwei Felder definiert werden (kleines Bild, großes Bild), oder reicht ein Feld aus? Über Hilfe würde ich mich freuen!

Re: Bulletproof: Teaserbild

Posted: Tue Jul 12, 2011 3:56 pm
by Timbalu
Gefällt mir eure Seite! :D

Ehrlich gesagt frage ich mich wozu, denn das ist schlicht (für Nachfolger wartbar) und macht anscheinend was es soll.
Wozu extra Felder kreieren, die auch extra abgefragt werden müssen. Nur um eleganten code zu schreiben?

Re: Bulletproof: Teaserbild

Posted: Tue Jul 12, 2011 4:04 pm
by paschnet
Danke!
Wenn momentan kein Teaserbild zu einem Artikel eingefügt wird, werden unschöne Platzhalter angezeigt. Das würde ich gerne irgendwie vermeiden...

Re: Bulletproof: Teaserbild

Posted: Tue Jul 12, 2011 4:24 pm
by Timbalu
da gibts bestimmt ne CSS Anweisung für a la img[src]:after ....
oder

Code: Select all

{if $entry.is_extended and !empty($entry.properties.ep_Bild)}
      <div class="entry_bild"><img src="{$entry.properties.ep_Bild}" /></div>
{else}
      {if $entry and !empty($entry.properties.ep_Teaserbild)}
      <div class="entry_teaserbild"><a href="{$entry.link}"><img src="{$entry.properties.ep_Teaserbild}" /></a></div>
      {/if}
{/if} 

Re: Bulletproof: Teaserbild

Posted: Tue Jul 12, 2011 4:43 pm
by paschnet
Perfekt, danke!

Re: Bulletproof: Teaserbild

Posted: Tue Jul 12, 2011 5:09 pm
by Timbalu
Ich glaube "$entry and" brauchst du gar nicht.