[GELÖST] ListIt Detailseite

mörml · 28. Januar 2013 00:12

Hallo allerseits,

ich würde gerne dieses Design nachbauen: Link

Dazu fällt mir - bei ca. 200 Einträgen pro Jahr - ListIt zur Umsetzung ein.

Doch so ganz will mir das Modul noch nicht einleuchten, denn mit Smarty kenne ich mich nicht aus.

1. Insbesondere ist mir nicht klar, wie ich {$item->url} im Zusammenfassungs-Template zu definieren habe, damit man zur Detailseite gelangt.

2. Erstelle ich diese Detailseite als normale CMS-Inhaltsseite oder kann ich dies von ListIt erledigen lassen? Dort gibt es ja ein benutzerdefiniertes Feld "Inhaltsseite".

3. Wenn sich ein Eintrag erledigt hat, möchte ich diesen gerne ohne großes Gedöns in ein öffentliches Archiv verschieben können. Das geht dann wahrscheinlich aber nur über die Export/Import-Funktion von ListIt?

Für Anregungen sehr dankbar
mörml

jeff1980 · 28. Januar 2013 09:54

Hi,

ListIt sollte dafür super passen.

zu 1. {$item->url} erzeugt automatisch einen zum jeweiligen Eintrag passenden Link, den Du nur noch so einbinden musst: <a href="{$item->url}">Linktext zur Detailseite</a>

zu 2. Eine eigene Detailseite brauchst Du nicht - die ist quasi schon da. Es gibt zwar die Möglichkeit, eine Seite für die Anzeige der Detailseite anzugeben (detailpage="seitenalias"), aber das wäre nur nötig, wenn Du z.B. ein anderes Template nutzen möchtest oder noch weitere Inhalte gezielt auf der Detailseite zu sehen sein sollten. Ich bin bisher immer ohne diese Option ausgekommen.

zu 3. Dafür würde ich in ListIt mit Kategorien arbeiten, z.B. "Aktuell" und "Archiv". Dann kannst Du erledigte Einträge bequem in "Archiv" verschieben. Im Aufruf von ListIt muss dann lediglich angegeben werden, welche Kategorie angezeigt werden soll (category="Aktuell"/category="Archiv").

mörml · 28. Januar 2013 11:55

Danke für deine Meinung jeff1980.

Ich habe langsam den Eindruck, dass sich das Modul bei mir dauernd zu verschlucken scheint. Derzeit verwende ich die default-Einstellungen zum testen. Nach x-maligem Eingeben/Löschen erscheint nun der Info-Text, allerdings "variabel", sprich, in der Vorschau ist statt eines Auszuges der gesamte Text zu sehen, klickt man bei Eintrag 2 auf "mehr", ist nur ein Auszug zu sehen, also genau falsch herum.

Ferner wird die Bild-Url falsch ausgegeben. Wenn dies damit zusammenhängt, dass ich im Zusammenfassungs-Template keine {$item->fielddefs.foto.value} gesetzt habe, so wäre zumindest dieser Fehler halbwegs geklärt, wobei ich jedoch nicht die rechte Stelle finde, den Wert korrekt einzusetzen, Smarty überfordert mich total.

jeff1980 · 28. Januar 2013 14:45

Hi mörml,

wenn Du bei den Templates jeweils auf "Template hinzufügen" gehst, bekommst Du immer wieder das Standardtemplate. Hier werden allerdings nur alle Felder der Reihe nach abgearbeitet und aufgelistet.
Aufgrund dessen kann man immer gut sehen, was überhaupt hinterlegt wird.
Um ein Bild anzuzeigen müsste wahrscheinlich noch der Image-Tag um den Smarty-Code herumgesetzt werden. So ist es zumindest bei mir immer, wenn ich Bilder über GBFilePicker hochlade. Es sähe dann also z.B. so aus:

Hier klicken, um den Code zum Kopieren zu markieren

[== HTML/Smarty ==]
<img src="{$uploads_url}/{$item->fielddefs.foto.value}" title="{$item->title|cms_escape}" alt="{$item->title|cms_escape}" />

Für ein einfaches Template benötigst Du auch gar nicht viel Smarty. Eigentlich nur:

- {$item->fielddefs.feldname.value} um den Wert auszugeben
- {$item->fielddefs.feldname.name} um den Feldnamen auszugeben

Drumherum kommt {foreach from=$items item=item} ... {/foreach}

Ein kleines, per HTML frei gestaltbares, Summary-Template sähe also so aus:

Hier klicken, um den Code zum Kopieren zu markieren

[== Smarty ==]
{foreach from=$items item=item}
{$item->fielddefs.feldname1.name}: {$item->fielddefs.feldname1.value} <br />
{$item->fielddefs.feldname2.name}: {$item->fielddefs.feldname2.value} <br />
{$item->fielddefs.feldname3.name}: {$item->fielddefs.feldname3.value} <br />
...
<a href="{$item->url}">more</a>
{/foreach}

Im Detail-Template kannst Du die foreach-Schleife dann weg lassen und einfach nur die einzelnen Felder aufführen, da ja nur ein Eintrag angezeigt wird.

Aber genauso würde ich anfangen - dann siehst Du, was Du rausbekommst und kannst es nach und nach mit HTML in Form bringen.

Kompliziert wirds erst, wenn Du bestimmte Felder abfragen willst oder mit zusätzlichen Variablen arbeiten möchtest.

Grundsätzlich kann man mit dem Modul echt richtig coole Sachen machen. Ich habe schon Produktkataloge und Immobilien-Seiten damit umgesetzt. Das was hinter Deinem obigen Link steht passt also definitiv zu dem Modul. Es geht sicher auch mit anderen Modulen - aber ob das leichter bzw. mit weniger Smarty umzusetzen ist, bezweifle ich.

Janl · 28. Januar 2013 17:22

Schau mal auf www.zlatemoravce.org da habe ich etwas ähnliches mit Hunde gemacht, mit Listit.
Man kann die Gestaltung einfach anpassen, wenn das Prinzip gefällt dann melde Dich.
ps auf deutsche Flagge klicken!

1. Insbesondere ist mir nicht klar, wie ich {$item->url} im Zusammenfassungs-Template zu definieren habe, damit man zur Detailseite gelangt.
nur "<a href="{$item->url}">mehr</a>" im Zusammenfassungs-Template

2. Erstelle ich diese Detailseite als normale CMS-Inhaltsseite oder kann ich dies von ListIt erledigen lassen? Dort gibt es ja ein benutzerdefiniertes Feld "Inhaltsseite".
Nein, es ist ein Detailtemplate.

3. Wenn sich ein Eintrag erledigt hat, möchte ich diesen gerne ohne großes Gedöns in ein öffentliches Archiv verschieben können. Das geht dann wahrscheinlich aber nur über die Export/Import-Funktion von ListIt?
Kann man z.B. über Kategorien lösen.

mfg
Jan

Beitrag geändert von Janl (28. Januar 2013 17:35)

mörml · 28. Januar 2013 18:08

Wow jeff1980! ListIt ist noch so sperrig für mich, und eine Dummy-Anleitung gibt es leider (noch) nicht. Deine Ausführungen sind Gold wert.

Oh, danke Janl, ich hatte gehofft, dass du etwas zu dem Thema schreibst, denn deine Seite hatte ich schon gesehen. Wie löst es denn das Tierheim, wenn Anzeigen nicht mehr aktuell sind, weil das Tier vermittelt ist? In meinem Beispiellink wird die Vermittlungsanzeige nämlich ganz bequem und einfach zu einer Happy End-Seite verschoben.

otter24 · 28. Januar 2013 18:12

Verschieben? in andere Kategorie umschlüsseln?
so spontan würde mir das einfallen.

Ich bin an einer ähnlichen Sache dran versuche aber dafür News umzubiegen.
Ich hoffe ich komme da morgen zu.

mörml · 28. Januar 2013 18:15

Ha, otter24, an das News-Modul habe ich auch gedacht, als ich mir heute Nacht die Haare über ListIt raufte.

Die Kategorien würde ich gerne als Navi-Menü ausgeben wollen.

mörml · 28. Januar 2013 18:23

Noch eine Frage bitte, da ich ListIt bereits für die "Team"-Seite verwende: Ist es unklug, für mehrere ListIt-Instanzen immer die selben Extrafeld-alias zu verwenden? Beißen sich da evtl. die verschiedenen CSS?

otter24 · 28. Januar 2013 18:28

mhh das sollte machbar sein. In dem Beispiel ist jede Kategorie eine Seite.
Also müsstest Du je Kategorie eine Seite anlegen, die denn im Menü erscheint.
Listit rufst Du denn auf jeder Seite so auf {listit .. category="Kitten"...}...
So würde ich Anfangen das zu strukturieren.

Bei den Aliasen wäre ich vorsichtig. Dan würde ich denn sowas wie katzen_ und team_ oder so eingeben.
Wegen der CSS -Datein ... Baue eine Klasse rum und gut ist <div class="teamliste">Listit aufruf </div> dann kannst Du die separat ansprechen.

mörml · 28. Januar 2013 18:37

Super Tipp, otter24, so habe ich mir das vorgestellt.

Janl · 28. Januar 2013 18:50

Zlate Moravce ist auch so aufgebaut, jede Kategorie hat eine eigene Seite.
Für kurzwiedergabe wird eine eigene template Verwendet.

Zu "News oder Listit" - mit Listit kannst Du bequem sortieren mit schleppen, das geht mit News nicht, dazu kann man mehr Felder definieren.

mfg
Jan

mörml · 28. Januar 2013 20:39

Janl, ich hätte großes Interesse an deinen Templates.

Ich kann mich auf den Kopf stellen, das Bild wird nicht angezeigt. Die Bild-Url "vergisst" die Unterverzeichnisse nach uploads/. Was habe ich falsch gemacht?

Hier klicken, um den Code zum Kopieren zu markieren

{foreach from=$items item=item}
 <div class="item">
 <h3 class="item-title">{$item->title|cms_escape}</h3>
   <div class="item-category">Kategorie: {$item->category_name|cms_escape}</div>
   <!-- {if !empty($item->fielddefs)} --> 
      <div class="item-properties">
     {foreach from=$item->fielddefs item=fielddef}
         {if $fielddef.type == 'SelectFile'}
             <!-- {$fielddef.name|cms_escape}: -->
    <img src="{$uploads_url}/{$fielddef.value|cms_escape}" title="{$item->title|cms_escape}" alt="{$item->title|cms_escape}" />
           {else}
             <!-- {$fielddef.name|cms_escape}: -->
             {$fielddef.value|cms_escape}<br />
         {/if}
     {/foreach}
     </div>
 <!-- {/if} -->
   <a href="{$item->url}">Weiterlesen...</a> </div><!-- item -->
 {/foreach}

Janl · 28. Januar 2013 21:59

Hallo mörml,

anbei mein Template für die Detailauflistung. Ich habe bis 6 Bilder vorbereitet. "cat" ist der Name der Hund damit man mit Lightbox blättern kann. "gallerylink" ist ein URL (nach ein slowakische Fotodienst) wo manchmal Bilder gegeben waren.
Zur Info, das Tierheim ist momentan Teil von einem schmutzigen politischen Spiel deswegen passiert auf die Seite fast nichts mehr. Ich warte ab ob es vielleicht später wieder genutzt wird.

Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]
{LightBox action='css'} 
{LightBox action='js'}
{foreach from=$items item=item}
{horiline}
<h3 class="item-title">{$item->title|cms_escape}</h3>

{assign var=bild01 value=$item->fielddefs.bild1.value}
{assign var=bild02 value=$item->fielddefs.bild2.value}
{assign var=bild03 value=$item->fielddefs.bild3.value}
{assign var=bild04 value=$item->fielddefs.bild4.value}
{assign var=bild05 value=$item->fielddefs.bild5.value}
{assign var=bild06 value=$item->fielddefs.bild6.value}
{assign var=titel value=$item->title}
{assign var=cat value=$item->title}

{LightBox image="/uploads/images/fulldogs/$bild01" title="$titel" thumb="uploads/images/alldogs/$bild01" name="$cat"}

{if !empty($item->fielddefs.bild2.value)}
{LightBox image="/uploads/images/fulldogs/$bild02" title="$titel" thumb="uploads/images/alldogs/$bild02"  name="$cat"}
{/if}
{if !empty($item->fielddefs.bild3.value)}
{LightBox image="/uploads/images/fulldogs/$bild03" title="$titel" thumb="uploads/images/alldogs/$bild03"  name="$cat"}
{/if}
{if !empty($item->fielddefs.bild4.value)}
{LightBox image="/uploads/images/fulldogs/$bild04" title="$titel" thumb="uploads/images/alldogs/$bild04"  name="$cat"}
{/if}
{if !empty($item->fielddefs.bild5.value)}
{LightBox image="/uploads/images/fulldogs/$bild05" title="$titel" thumb="uploads/images/alldogs/$bild05"  name="$cat"}
{/if}
{if !empty($item->fielddefs.bild6.value)}
{LightBox image="/uploads/images/fulldogs/$bild06" title="$titel" thumb="uploads/images/alldogs/$bild06"  name="$cat"}
{/if}
<br />
<br />
{if !empty($item->fielddefs.gallerylink.value)}<a href="{$item->fielddefs.gallerylink.value|cms_escape}" target="_blank">Weiter Fotogalerie, hier klicken</a> öffnet in einem neuen Fenster{/if}<br />
<br />
<table><tbody>
<tr><td>Name : </td><td>{$item->fielddefs.name.value|cms_escape}</td></tr>
<tr><td>Geschlecht: </td><td>{$item->fielddefs.geschlecht.value|cms_escape}</td></tr>

<tr><td>Rasse: </td><td>{$item->fielddefs.rasse.value|cms_escape}</td></tr>
<tr><td>Alter: </td><td>{$item->fielddefs.alter.value|cms_escape}</td></tr>
<tr><td>Farbe: </td><td>{$item->fielddefs.farbe.value|cms_escape}</td></tr>
<tr><td>Höhe: </td><td>{$item->fielddefs.hoehe.value|cms_escape}</td></tr>
<tr><td>Gewicht: </td><td>{$item->fielddefs.gewicht.value|cms_escape}</td></tr>
<tr><td>Sterilisiert/kastriert: </td><td>{$item->fielddefs.sterilisiert.value|cms_escape}</td></tr>
<tr><td>Charakter: </td><td>{$item->fielddefs.character.value|cms_escape}</td></tr>
<tr><td>Reserviert: </td><td>{$item->fielddefs.reserviert.value|cms_escape}</td></tr>
<tr><td><strong>Verträglichkeit</strong></td><td>---------------</td></tr>
<tr><td>Rüden: </td><td>{$item->fielddefs.vertragtrueden.value|cms_escape}</td></tr>
<tr><td>Weibchen: </td><td>{$item->fielddefs.vertragtweibchen.value|cms_escape}</td></tr>
<tr><td>Katzen: </td><td>{$item->fielddefs.vertragtkatzen.value|cms_escape}</td></tr>
<tr><td>---------------</td><td>---------------</td></tr>
<tr><td>Datum Aufnahme: </td><td>{$item->fielddefs.datum_aufnahme.value|cms_escape}</td></tr>
<tr><td>Datum Vermittelt: </td><td>{$item->fielddefs.datum_vermittelt.value|cms_escape}</td></tr>
<tr><td>Krank/Verletzt: </td><td>{$item->fielddefs.krank_verletzt.value|cms_escape}</td></tr>
<tr><td>Gechipt: </td><td>{$item->fielddefs.gechipt.value|cms_escape}</td></tr>

</tbody></table>
<br /><br />
{/foreach}
<br />

Übrigens ist der Layout übernommen, es war früher auch in diese Art präsentiert.

mfg
Jan

mörml · 29. Januar 2013 09:26

Das ist sehr nett von dir Janl, herzlichen Dank.

mörml · 29. Januar 2013 15:41

Und das Haareraufen geht weiter...

1. Der Url-Pfad bleibt fehlerhaft. Laut diesem Thema hier soll der Fehler jedoch mit der Extended-Version behoben sein.

2. Es gibt bei mir kein "Gallery dropdown" in den Extrafeld-Typen.

Ach ja, das hatte ich noch nicht angegeben: Ich nutze die jeweils neuesten Versionen aus dem forge (ListIt2 1.3.2, Gallery 1.6).

otter24 · 30. Januar 2013 23:45

@Janl,
sag mal wie bekommt man das eigentlich hin, das wenn man in einem Feld keinen Werte hat, wie in das auch der Name nicht angezeigt wird ? So das Quasi die ganze Zeile nicht erscheint?

@mörml, nicht nur bei Dir nicht. Ich habs auch nicht. ich denke das ist wohl rausgefallen, in der Hilfe wird es auch nicht erwähnt.

mörml · 30. Januar 2013 23:55

Und ich dachte schon fest an einen Installationsfehler. Okee. Also Typ "dropdown" verwenden. Bloß: Was geb ich da ein, um meine Gallery-Alben anzuzeigen? Banana=banana in der Hilfe mag ja für Profis was sein, aber nicht für Anfänger.

Janl · 30. Januar 2013 01:46

Es ist 1.45 nachts. Morgen weiter . . .
Jan

Andynium · 30. Januar 2013 10:37

otter24 schrieb:

@Janl,
sag mal wie bekommt man das eigentlich hin, das wenn man in einem Feld keinen Werte hat, wie in das auch der Name nicht angezeigt wird ? So das Quasi die ganze Zeile nicht erscheint?

Hier klicken, um den Code zum Kopieren zu markieren

[== Smarty ==]
{if !empty($variable)}
 <p>label: {$variable}</p>
{/if}

Janl · 30. Januar 2013 10:49

"!empty" heisst "nicht leer"

Das Rufzeichen macht es.

mfg
Jan

jeff1980 · 30. Januar 2013 10:53

mörml schrieb:

Und ich dachte schon fest an einen Installationsfehler. Okee. Also Typ "dropdown" verwenden. Bloß: Was geb ich da ein, um meine Gallery-Alben anzuzeigen? Banana=banana in der Hilfe mag ja für Profis was sein, aber nicht für Anfänger.

Um verschiedene Module mit dem ListIt-Modul zu verknüpfen benötigst Du noch ListItExtended XDefs (http://dev.cmsmadesimple.org/projects/listit2xdefs). Dort kannst Du dann das Gallery-Modul aktivieren und auch als Extrafeld einfügen.
Ist in der Tat alles ein wenig komplizierter geworden seit der Version 1.2 von ListIt - aber dafür auch flexibler.

Janl · 30. Januar 2013 10:57

options[Unbekannt=Unbekannt,Ja=Ja,Nein=Nein,Individuell=Individuell]

mörml · 30. Januar 2013 18:56

BINGO, jeff1980! Bin um das Teil schon mehrfach umhergeschlichen, aber die Modulbeschreibung im forge ist zu dünn, als dass ich einen Zusammenhang mit Gallery hätte herstellen können.
Damit entfällt eine Typdefinition, das Ding ist echt komfortabel!

Ganz großen herzlichen Dank an alle Mitbeteiligten! So langsam gewinne ich ListIt lieb - dank eurer Hilfe.

otter24 · 31. Januar 2013 23:46

cyberman schrieb:

Hier klicken, um den Code zum Kopieren zu markieren
[== Smarty ==]
{if !empty($variable)}
 <p>label: {$variable}</p>
{/if}

Genauso hatte ich das auch in Erinnerung... Aber es funktioniert nicht.
Ich ruf die Felder direckt.

Hier klicken, um den Code zum Kopieren zu markieren

[== Smarty ==]
{if !empty($item->fielddefs.forschung_finanzierung.value)}
Finanzierung: {$item->fielddefs.forschung_finanzierung,value}
{/if}

So hab ich mal ein Feld eingebaut, aber es wird nichts angezeigt. Nehme ich die If abfrage weg, ist alles da.

Das gesamte Template sieht so aus.

Hier klicken, um den Code zum Kopieren zu markieren

<table><tbody> 

<tr>
       <td class="forschungslistedetailname">   <p>Projekttitel</p></td> 
<td class="forschungslistedetailvalue forschungdetailtitle">{$item->fielddefs.zusammenfassung_titel.value}</td>
</tr>

 <tr>
       <td class="forschungslistedetailname">   <p>Dauer</p></td> 
<td class="forschungslistedetailvalue"><p>{$item->fielddefs.forschung_dauer.value}</p></td>
</tr>

 <tr>
       <td class="forschungslistedetailname">   <p>Inhalte</p></td> 
<td class="forschungslistedetailvalue">{$item->fielddefs.forschung_inhalte.value}</td>
</tr>

 <tr>
       <td class="forschungslistedetailname"> <p>  Partner</p></td> 
<td class="forschungslistedetailvalue">{$item->fielddefs.forschung_partner.value}</td>
</tr>

 <tr>
       <td class="forschungslistedetailname"> <p>  Projektleiter</p> </td> 
<td class="forschungslistedetailvalue"><p>{$item->fielddefs.forschung_projektleiter.value}</p></td>
</tr>

 <tr>
       <td class="forschungslistedetailname">   <p>Mitarbeit</p> </td> 
<td class="forschungslistedetailvalue"><p>{$item->fielddefs.forschung_mitarbeit.value}</p></td>
</tr>

<tr>
<td>
{if !empty($item->fielddefs.forschung_finanzierung.value)}
Finanzierung: {$item->fielddefs.forschung_finanzierung,value}
{/if}
</td>
</tr>

</tbody></table>        

{$return_link} {* only href {$return_href} *}

Forum für CMS/made simple

#1 28. Januar 2013 00:12

[GELÖST] ListIt Detailseite

#2 28. Januar 2013 09:54

Re: [GELÖST] ListIt Detailseite

#3 28. Januar 2013 11:55

Re: [GELÖST] ListIt Detailseite

#4 28. Januar 2013 14:45

Re: [GELÖST] ListIt Detailseite

#5 28. Januar 2013 17:22

Re: [GELÖST] ListIt Detailseite

#6 28. Januar 2013 18:08

Re: [GELÖST] ListIt Detailseite

#7 28. Januar 2013 18:12

Re: [GELÖST] ListIt Detailseite

#8 28. Januar 2013 18:15

Re: [GELÖST] ListIt Detailseite

#9 28. Januar 2013 18:23

Re: [GELÖST] ListIt Detailseite

#10 28. Januar 2013 18:28

Re: [GELÖST] ListIt Detailseite

#11 28. Januar 2013 18:37

Re: [GELÖST] ListIt Detailseite

#12 28. Januar 2013 18:50

Re: [GELÖST] ListIt Detailseite

#13 28. Januar 2013 20:39

Re: [GELÖST] ListIt Detailseite

#14 28. Januar 2013 21:59

Re: [GELÖST] ListIt Detailseite

#15 29. Januar 2013 09:26

Re: [GELÖST] ListIt Detailseite

#16 29. Januar 2013 15:41

Re: [GELÖST] ListIt Detailseite

#17 30. Januar 2013 23:45

Re: [GELÖST] ListIt Detailseite

#18 30. Januar 2013 23:55

Re: [GELÖST] ListIt Detailseite

#19 30. Januar 2013 01:46

Re: [GELÖST] ListIt Detailseite

#20 30. Januar 2013 10:37

Re: [GELÖST] ListIt Detailseite

#21 30. Januar 2013 10:49

Re: [GELÖST] ListIt Detailseite

#22 30. Januar 2013 10:53

Re: [GELÖST] ListIt Detailseite

#23 30. Januar 2013 10:57

Re: [GELÖST] ListIt Detailseite

#24 30. Januar 2013 18:56

Re: [GELÖST] ListIt Detailseite

#25 31. Januar 2013 23:46

Re: [GELÖST] ListIt Detailseite

Fußzeile des Forums