Layout der News

Sarek · 25. Oktober 2011 21:30

Hallo in die Runde,

das News-Template sieht innerhalb einer News ja zwei Bereiche vor, einmal die Zusammenfassung, die auch im Summary erscheint und einmal den vollen Artikel dazu. Gibt es irgendwie die Möglichkeit, einen dritten Bereich hinzuzufügen? Und zwar soll der volle Artikel grundsätzlich aus zwei Spalten bestehen. In der linken, breiteren Spalte soll der Text stehen und in der rechten, schmaleren Spalte sollen die Thumbnails der zu der News gehörenden Bilder stehen. Die Zusammenfassung soll dadrüber stehen und die volle Breite nutzen. Das soll dann so aussehen:

Momentan behelfe ich mir mit einer Tabelle, aber die muß ich bei jeder neuen News erst mal wieder neu einrichten - mit den festgelegten Angaben zur Spaltenbreite und so. Demnächst sollen auch andere Autoren News verfassen können, denen ich das so eigentlich nicht zumuten möchte. Geht das nicht einfacher?

Schönen Abend noch,
Sarek

Andynium · 26. Oktober 2011 22:40

Sollte eigentlich kein Problem sein - das "Zauberwort" heisst Extra-Feld.

Da du Thumbnails angezeigt bekommen möchtest, könntest du das Extrafeld z.Bsp. für die ID einer Gallery nutzen.

owr_web · 26. Oktober 2011 22:42

Wie lädst du die Bilder hoch - verwendest du gallery?

Beispiel wäre, einen Ordner für Gallery anlegen, dann für jede News einen Unterordner.
benutzerdefiniertes Feld anlegen, in welchem der Unterordner dann eingetragen werden kann.
Den Rest kannst du im Template von News und Gallery erledigen. Mit div's funktioniert das dann relativ einfach und keiner muss Tabellen anlegen.

Anonsten wären ein paar Informationen mehr hilfreich betreffs "thumbnails zu den News"

EDIT: Langversion von cybermans vorschlag wink

Beitrag geändert von owr_web (26. Oktober 2011 22:43)

Andynium · 26. Oktober 2011 23:06

owr_web schrieb:

EDIT: Langversion von cybermans vorschlag

Tja, ohne Angaben zum Kenntnis-Level des Fragenden bin ich da immer etwas "vorsichtig" - will ja hier weder Volksreden halten noch Eulen nach Athen tragen ...

Sarek · 26. Oktober 2011 01:40

owr_web schrieb:

Wie lädst du die Bilder hoch - verwendest du gallery?

Negativ, keine Gallery. Es sind in der Regel ein bis fünf Bilder, die rechts neben dem Text untereinander stehen ... mal mit Bildunterschrift, mal ohne:

Bisher ist der untere Teil eben eine HTML-Tabelle, wo in der linken Spalte der Text steht und in der rechten die Bilder eingefügt werden.

Andynium · 31. Oktober 2011 06:30

Sarek schrieb:

Demnächst sollen auch andere Autoren News verfassen können, denen ich das so eigentlich nicht zumuten möchte. Geht das nicht einfacher?

Kannst du Ihnen zumuten, eine Gallery zu erstellen?

Ließe sich dann viel leichter im News-Template umsetzen ...

antibart · 31. Oktober 2011 09:14

Die bereits gegebenen Tipps hätte ich auch favorisiert.

Dritte Möglichkeit:

Die ist ähnlich wie deine jetzige, aber ohne Tabelle (falls es die ist, die dich stört).

Tabelle weg, stattdessen zwei DIVs nebeneinander. Links für den Text, rechts für die Bilder.

Pack ins rechte Bilder-Div einfach ein Extrafeld des Typs "Mehrzeiliger Textbereich". Dann steht dir für die Bilder ein eigener zusätzlicher WYSIWYG-Editor zur Verfügung. Die Autoren können dann über die Uploadfunktion des Editors die Bilder hochladen und ggbfls Subtext hinzufügen.

Beitrag geändert von antibart (31. Oktober 2011 09:21)

Sarek · 31. Oktober 2011 10:08

antibart schrieb:

Dritte Möglichkeit:
Pack ins rechte Bilder-Div einfach ein Extrafeld des Typs "Mehrzeiliger Textbereich". Dann steht dir für die Bilder ein eigener zusätzlicher WYSIWYG-Editor zur Verfügung. Die Autoren können dann über die Uploadfunktion des Editors die Bilder hochladen und ggbfls Subtext hinzufügen.

Genau das suche ich!!! Wie mache ich das mit dem Extrafeld??

Beitrag geändert von Sarek (31. Oktober 2011 10:11)

Sarek · 31. Oktober 2011 10:09

cyberman schrieb:

Kannst du Ihnen zumuten, eine Gallery zu erstellen?

Bei der Gallery habe ich soweit ich das gesehen habe nicht die Möglichkeit, Bildunterschriften zu machen.

antibart · 31. Oktober 2011 11:01

Sarek schrieb:

Bei der Gallery habe ich soweit ich das gesehen habe nicht die Möglichkeit, Bildunterschriften zu machen.

Na logisch hast du. Direkt neben den Thumbnails in der Moduladministration.

Sarek schrieb:

Genau das suche ich!!! Wie mache ich das mit dem Extrafeld??

Extrafeld:
. Inhalte->News
. Reiter "Extra-Felder"
. Feld hinzufügen
. Feldnamen eingeben (zB bilder)
. Feldtyp auswählen: Mehrzeiliger Textbereich
. "Öffentlich" aktivieren

Nun steht dir für jeden Newsartikel ein zusätzlicher Editor mit dem Namen "bilder" bereit.

Template anpassen:

. Erst mal dein HTML Grundgerüst mit den Divs basteln.
. In das Div für die Bilder {$entry->bilder} einfügen.

Hoffe, ich habe jetzt nix vergessen.
Je nachdem, wie du die Ausgabe haben möchtest, müsstest du diesen Eintrag im Template entfernen, bearbeiten und / oder umplatzieren, sonst erscheinen die Bilder doppelt. :

{if isset($entry->fields)}
{foreach from=$entry->fields item='field'}
<div class="NewsSummaryField">
{if $field->type == 'file'}
<img src="{$entry->file_location}/{$field->value}"/>
{else}
{$field->name}: {eval var=$field->value}
{/if}
</div>
{/foreach}

Wobei noch interessant wäre, zu erfahren, was dir denn die Hauptschwierigkeiten bereitet: das layout (also html / css) oder Modulausgabe. Ersteres hat ja weniger mit dem Modul selbst zu tun.

Beitrag geändert von antibart (31. Oktober 2011 12:00)

Sarek · 31. Oktober 2011 12:22

antibart schrieb:

Extrafeld:
. Inhalte->News
. Reiter "Extra-Felder"
. Feld hinzufügen
. Feldnamen bestimmen (zB bilder)
. Feldtyp auswählen: Mehrzeiliger Textbereich
. "Öffentlich" aktivieren

Klasse, hört sich gut an! Aber ein Problem sehe ich noch:

Wenn ich das Template jetzt entsprechend umbaue, dann werden alle alten News auch nach diesem Template aufgebaut - dort existiert das neue Feld aber gar nicht. Kann man da mit einer If-Abfrage was machen, also wenn Feld leer, dann zeige das andere Feld über die volle Breite an, wenn Feld nicht leer, dann zeige es mit der breite X an und mache das andere Feld entsprechend schmaler?

nockenfell · 31. Oktober 2011 13:41

Sarek schrieb:

Wenn ich das Template jetzt entsprechend umbaue, dann werden alle alten News auch nach diesem Template aufgebaut - dort existiert das neue Feld aber gar nicht. Kann man da mit einer If-Abfrage was machen, also wenn Feld leer, dann zeige das andere Feld über die volle Breite an, wenn Feld nicht leer, dann zeige es mit der breite X an und mache das andere Feld entsprechend schmaler?

Klar. Du kannst ja im Template eine Abfrage einbauen. Damit steuerst du, was passiert wenn Daten im Feld sind und was passiert wenn das Feld leer ist.

Hier klicken, um den Code zum Kopieren zu markieren

{if $entry->bilder|strip_tags !=""}neues Template{else}altes Template{/if}

Sarek · 31. Oktober 2011 14:55

nockenfell schrieb:

Klar. Du kannst ja im Template eine Abfrage einbauen. Damit steuerst du, was passiert wenn Daten im Feld sind und was passiert wenn das Feld leer ist.
Hier klicken, um den Code zum Kopieren zu markieren
{if $entry->bilder|strip_tags !=""}neues Template{else}altes Template{/if}

OK, das habe ich jetzt zwar nicht ganz verstanden, aber ich werde mal ein wenig experimentieren ...

antibart · 31. Oktober 2011 15:08

Sarek schrieb:

OK, das habe ich jetzt zwar nicht ganz verstanden, aber ich werde mal ein wenig experimentieren ...

Was das steht heißt ungefähr:

Wenn das Extrafeld "Bilder" nicht leer ist (also Bilder enthält) zeige "neues Template" - andernfals zeige altes Template.

"Neues Template" und "altes Template" soll da natürlich nicht wortwörtlich hin. Dort steht dein hmtl-code.

zB

{if $entry->bilder|strip_tags !=""}
<div class="links">{eval var=$entry->content}</div>
<div class="rechts">{$entry->bilder}</div>
{else}

<div class="ganze-breite">{eval var=$entry->content}</div>

{/if}

Beitrag geändert von antibart (31. Oktober 2011 15:36)

Sarek · 31. Oktober 2011 15:16

antibart schrieb:

Wenn das Extrafeld "Bilder" nicht leer ist (also Bilder enthält) zeige "neues Template" - andernfals zeige altes Template.
"Neues Template" und "altes Template" soll da natürlich nicht wortwörtlich hin. Dort steht dein hmtl-code.

Ah ok ... danke für diese kurze Aufklärung. Ich dachte schon, ich muß mir zwei neue Templates bauen, und diese If-Abfrage verzweigt dann zu einem der beiden.

Welche Bedeutung hat "strip_tags"?

nockenfell · 31. Oktober 2011 15:22

Sarek schrieb:

Welche Bedeutung hat "strip_tags"?

strip_tags entfernt alle allenfalls vorhandenen HTML Tags. Damit wird sichergestellt das der Inhalt nur bei wirklichem Inhalt angezeigt wird. Wenn du nur einen leeren Zeilenumbruch drin hast, ist das auch ein Inhalt, zumindest was die Zeichen angeht. Mit dieser Funktion wird dies abgefangen.
http://www.php.net/manual/de/function.strip-tags.php

Sarek · 01. November 2011 08:10

So, ich habe jetzt versucht, das umzusetzen:

Hier klicken, um den Code zum Kopieren zu markieren

[== Template ==]
 
{if $entry->Bilderleiste|strip_tags !=""}
<div id="NewsPostDetailContentLeft">
    {eval var=$entry->content}
</div>
<div id="NewsPostDetailContentRight">
        {eval var=$entry->Bilderleiste}
</div>
{else}
<div id="NewsPostDetailContent">
    {eval var=$entry->content}
</div>
{/if}

Die dafür hinzugefügten CSS-Elemente sehen so aus:

Hier klicken, um den Code zum Kopieren zu markieren

[== CSS ==]

#NewsPostDetailContentLeft {
  width: 380px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailContentRight {
  width: 255px;
  position: relative;
  left: 395;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 100%;
  }

Funktioniert aber irgendwie nicht, auch wenn ich in der Bilderleiste etwas stehen habe, wird nur der Content angezeigt. Es scheint am Template zu liegen (und nicht am Stylesheet), denn laut Quelltext wird für den Content die DIV-ID "NewsPostDetailContent" verwendet und nicht "NewsPostDetailContentLeft"

Wo ist mein Denkfehler?

Beitrag geändert von Sarek (01. November 2011 08:10)

antibart · 01. November 2011 08:28

Ich gehe mal davon aus, dass du das Extrafeld Bilderleiste schon erstellt hast.

Probier mal:

. "bilderleiste" kleinzuschreiben

. mal das eval var wegzulassen (ich habe leider nicht mehr in der birne, wozu das gut ist).

Beitrag geändert von antibart (01. November 2011 08:33)

Sarek · 01. November 2011 08:35

antibart schrieb:

lass doch mal das eval var weg.

Wo überall?

Wie gesagt, ich kann PHP nicht, ich versuche nur, Zusammenhänge zu erkennen und schreibe mir dann etwas zurecht. Und da ich nicht weiß, was das "eval var" bedeutet, frage ich lieber. Soll ich das an allen drei Stellen weglassen? Oder nur an den beiden Stellen des "neuen Templates"? Oder gar nur bei dem Aufruf der Bilderleiste?

Sarek · 01. November 2011 08:54

antibart schrieb:

"bilderleiste" kleinzuschreiben

Ok, das war das erste Problem. Nach der Umbenennung des Feldes und im Template der entsprechenden Variable geht er nun in der If-Abfrage wenigstens in die richtige Abzweigung, er erkennt also das etwas im Feld drin ist. Er zeigt jetzt den Content richtig in dem verschmälerten Div-Bereich an und hat daneben Platz für den Inhalt der Bilderleiste. Der wird aber nicht angezeigt sad

antibart schrieb:

mal das eval var wegzulassen (ich habe leider nicht mehr in der birne, wozu das gut ist).

Wenn ich das tue, wird in dem für die Bilder vorgesehenen Bereich gar nichts angezeigt. Wenn ich das "eval var" stehenlasse, kommt die Fehlermeldung string(43) "Smarty error: eval: missing 'var' parameter"

antibart · 01. November 2011 08:56

Sarek schrieb:

Wo überall?
Wie gesagt, ich kann PHP nicht,

Nix PHP - ist smarty smile

Sarek schrieb:

Und da ich nicht weiß, was das "eval var" bedeutet, frage ich lieber. Soll ich das an allen drei Stellen weglassen? Oder nur an den beiden Stellen des "neuen Templates"? Oder gar nur bei dem Aufruf der Bilderleiste?

Nur bei der Bilderleiste.

Es bedeutet soviel wie "evaluate variable" - also "die Variable auswerten"... in meinem Referenzbeispiel hab ich drauf verichtet. Dort nutze ich allerdings ein assign.

Versuch zunächst erstmal "bilderleiste" kleinzuschreiben. Soweit ich weiß, sollten "normale" Vraiablen klein geschrieben werden, Leerzeichen durch Unterstriche ersetzt werden usw...

Beitrag geändert von antibart (01. November 2011 09:28)

Sarek · 01. November 2011 09:03

antibart schrieb:

Nix PHP - ist smarty

Von Smarty verstehe ich noch weniger ... ich weiß nur daß Smarties lecker sind wink

antibart schrieb:

Versuch zunächst erstmal "bilderleiste" kleinzuschreiben. Soweit ich weiß, sollten "normale" Vraiablen klein geschrieben werden, Leerzeichen durch Unterstriche ersetzt werden usw...

Habe ich wie gerade geschrieben schon gemacht - die If-Abfrage läuft dadurch auch richtig, aber statt des Inhaltes der Bilderleiste wird eine Smarty-Fehlermeldung angezeigt (siehe oben)

Das war jetzt ein Tippfehler beim Ändern des Codes. OK, es klappt, der Bilderleisten-Inhalt wird angezeigt, wenn auch an der falschen Stelle. Da muß ich mir wohl das CSS noch mal anschauen, aber das bekomme ich hoffentlich alleine hin.

DANKE FÜR EURE HILFE

Beitrag geändert von Sarek (01. November 2011 09:06)

nockenfell · 01. November 2011 10:00

antibart schrieb:

lass doch mal das eval var weg.

Eval wird dazu genutzt Smarty Code auszuführen. Das heisst, wenn du im Inhalt der News z.B. ein {Gallery} stehen hast, wird dies mit eval ausgeführt. Wenn du die eval Funktion weglässt, steht danach einfach {Gallery} im Text, statt die Gallery einzubinden.

Andynium · 01. November 2011 11:46

nockenfell schrieb:

antibart schrieb:
lass doch mal das eval var weg.
Eval wird dazu genutzt Smarty Code auszuführen. Das heisst, wenn du im Inhalt der News z.B. ein {Gallery} stehen hast, wird dies mit eval ausgeführt. Wenn du die eval Funktion weglässt, steht danach einfach {Gallery} im Text, statt die Gallery einzubinden.

Der Vollständigkeit halber

http://www.smarty.net/docsv2/de/languag … n.eval.tpl

antibart · 01. November 2011 12:43

cyberman schrieb:

Der Vollständigkeit halber
http://www.smarty.net/docsv2/de/languag … n.eval.tpl

Hab ich wohl gelesen. Aber leider nicht so komplett verstanden, dass ich es in eigenen Worten hätte wiedergeben können.

Forum für CMS/made simple

#1 25. Oktober 2011 21:30

Layout der News

#2 26. Oktober 2011 22:40

Re: Layout der News

#3 26. Oktober 2011 22:42

Re: Layout der News

#4 26. Oktober 2011 23:06

Re: Layout der News

#5 26. Oktober 2011 01:40

Re: Layout der News

#6 31. Oktober 2011 06:30

Re: Layout der News

#7 31. Oktober 2011 09:14

Re: Layout der News

#8 31. Oktober 2011 10:08

Re: Layout der News

#9 31. Oktober 2011 10:09

Re: Layout der News

#10 31. Oktober 2011 11:01

Re: Layout der News

#11 31. Oktober 2011 12:22

Re: Layout der News

#12 31. Oktober 2011 13:41

Re: Layout der News

#13 31. Oktober 2011 14:55

Re: Layout der News

#14 31. Oktober 2011 15:08

Re: Layout der News

#15 31. Oktober 2011 15:16

Re: Layout der News

#16 31. Oktober 2011 15:22

Re: Layout der News

#17 01. November 2011 08:10

Re: Layout der News

#18 01. November 2011 08:28

Re: Layout der News

#19 01. November 2011 08:35

Re: Layout der News

#20 01. November 2011 08:54

Re: Layout der News

#21 01. November 2011 08:56

Re: Layout der News

#22 01. November 2011 09:03

Re: Layout der News

#23 01. November 2011 10:00

Re: Layout der News

#24 01. November 2011 11:46

Re: Layout der News

#25 01. November 2011 12:43

Re: Layout der News

Fußzeile des Forums