Auflistung Events verändern

**MRambacher** · 13.04.2017, 14:37

Guten Tag aller Seits,

ich hab die Contao Version 3.5.6 und soll für ein Bus/Reiseunternehmen eine Website erstellen. Der Kunde hat eine Vorstellung wie seine Reisen aufgelistet werden sollen und da Suche ich jetzt schon paar Stunden wie ich das verwirklichen kann. Meine Erfahrung mit Contao konnte ich leider noch nicht wirklich vertiefen (Grundwissen ist vorhanden). Sollten noch informationen fehlen füge ich diese gerne noch hinzu, desweiteren hänge ich ein Bild an wie sich das der Kunde ungefähr vorstellt.

In meinem Test ist es leider so das die Events in zweier Reihen heißt zwei nebeneinander Aufgelistet werden. Der Kunde wünscht da aber eine klare Monatliche Abtrennung, Auflistung immer Untereinander und leere Monate einfach weglassen.

Meine Frage nun: Wie kann ich das Verwirklichen?

Auf Hilfe hoffend Matze.

Beispielaufteilung.png

**Andreas** · 13.04.2017, 15:44

Erst mal schauen, wie weit du mit CSS kommst. Wenn das nicht reicht musst du das Template für die Auflistung anpassen.

**JMMB** · 13.04.2017, 16:40

Hallo, ich habe das mal in einem Event Template (event_upcoming.html5) folgendermaßen eingebunden, also die Anzeige der Monate:

PHP-Code:


<?php if($this->newMonth):?><h3><?php echo $this->month; ?></h3><?php endif; ?>

Vielleicht hilft dir das schon weiter.

**Samson1964** · 14.04.2017, 08:33

Ich wußte gar nicht das es die Variable newMonth gibt. Dann hätte ich mir meinen Templateumbau

Gesendet von meinem L52 mit Tapatalk

**Samson1964** · 14.04.2017, 08:33

... für http://www.schachbund.de/terminplan.html vereinfachen können.

Gesendet von meinem L52 mit Tapatalk

**DetlefT** · 17.04.2017, 20:32

Zitat von JMMB

Hallo, ich habe das mal in einem Event Template (event_upcoming.html5) folgendermaßen eingebunden, also die Anzeige der Monate:

PHP-Code:


<?php if($this->newMonth):?><h3><?php echo $this->month; ?></h3><?php endif; ?>

Vielleicht hilft dir das schon weiter.

Hallo,
das ist ja genial! Genau das brauche ich für ein aktuelles Projekt (und hätte es ohne Hilfe wohl nicht hinbekommen).

Danke fürs sharen!

**MRambacher** · 18.04.2017, 07:06

Zitat von JMMB

Hallo, ich habe das mal in einem Event Template (event_upcoming.html5) folgendermaßen eingebunden, also die Anzeige der Monate:

PHP-Code:


<?php if($this->newMonth):?><h3><?php echo $this->month; ?></h3><?php endif; ?>

Vielleicht hilft dir das schon weiter.

Danke hierfür werde das mal Ausprobieren. Melde mich wenn ich Ergebnisse habe aufjedenfall nochmals.

**MRambacher** · 18.04.2017, 08:00

Ich habe nun die php Zeile eingefügt weiß aber nicht ob ich das so wirklich richtig gemacht habe :/ (siehe Bild).
Bei meinem Test hat sich leider nichts verändert hoffe auf Unterstützung.
Muss ich das anderst machen?

**DetlefT** · 18.04.2017, 10:10

Hallo MRambacher,

ich habe es so eingebunden:

Code:

<?php if($this->newMonth):?><h3><?php echo $this->month; ?></h3><?php endif; ?> 
<div class="event layout_upcoming<?= $this->classUpcoming ?>">

  <time datetime="<?= $this->datetime ?>" class="date"><?= $this->date ?><?php if ($this->time): ?>, <?= $this->time ?><?php endif; ?></time>
  <a href="<?= $this->href ?>" title="<?= $this->title ?> (<?php if ($this->day) echo $this->day . ', '; ?><?= $this->date ?><?php if ($this->time) echo ', ' . $this->time;?>)"<?= $this->target ?>><?= $this->link ?></a>

</div>

**MRambacher** · 18.04.2017, 10:27

Hab ich jetzt auch gemacht verändert leider auch nichts wird zwar pro Monat ausgegeben, aber immernoch wie folgt (siehe Bild).
Hoffe da weiß jemand eine Lösung (wie es ungefähr aussehen soll sieht man im Bild vom ersten Post).

Danke schonmal im Voraus.

**Spooky** · 18.04.2017, 10:48

Was genau stimmt nun nicht?

**MRambacher** · 18.04.2017, 12:12

Das, das Aussehen CSS Anpassungen beinhaltet ist mir klar, aber ist die Gliederung das es immer nur einen Eventblock gibt wie hier: Beispielaufteilung.png eine PHP-Datei änderung oder auch durch CSS einstellbar wenn ja wo?

**miniA4kuser** · 18.04.2017, 16:08

Quick and dirty würde ich das mittels einer $GLOBALS-Variable im Template (event_upcomming) lösen:

PHP-Code:


<?php if ($GLOBALS['event_month'] != $this->month): ?>

<h3><?php echo $this->month; ?></h3>

<?php endif; ?>

<?php $GLOBALS['event_month'] = $this->month; ?>

<div class="event layout_upcoming<?= $this->classUpcoming ?>">



  <span class="date"><?= $this->date ?></span>

  <a href="<?= $this->href ?>" title="<?= $this->title ?> (<?php if ($this->day) echo $this->day . ', '; ?><?= $this->date ?><?php if ($this->time) echo ', ' . $this->time;?>)"<?= $this->target ?>><?= $this->link ?></a>



  <?php if ($this->time): ?>

    <span class="time">(<?= $this->time ?>)</span>

  <?php endif; ?>



</div>

**MRambacher** · 19.04.2017, 08:18

Zitat von miniA4kuser

Quick and dirty würde ich das mittels einer $GLOBALS-Variable im Template (event_upcomming) lösen:

PHP-Code:


<?php if ($GLOBALS['event_month'] != $this->month): ?>

<h3><?php echo $this->month; ?></h3>

<?php endif; ?>

<?php $GLOBALS['event_month'] = $this->month; ?>

<div class="event layout_upcoming<?= $this->classUpcoming ?>">



  <span class="date"><?= $this->date ?></span>

  <a href="<?= $this->href ?>" title="<?= $this->title ?> (<?php if ($this->day) echo $this->day . ', '; ?><?= $this->date ?><?php if ($this->time) echo ', ' . $this->time;?>)"<?= $this->target ?>><?= $this->link ?></a>



  <?php if ($this->time): ?>

    <span class="time">(<?= $this->time ?>)</span>

  <?php endif; ?>



</div>

Das ganze hab ich jetzt integriert und es kommt dem ganzen auch nah, aber was jetzt noch passiert ist das diese Events zu einem Formular verlinkt sind. Das heißt der Text des Events wird ausgeblendet, stattdessen wird ein Link hinterlegt der mich direkt zum Anmeldeformular bringt (siehe Bild).
Stelle ich bei den einzelnen Events die Weiterleitung auf Standard wird mir der Text beim Klick auf das Event rechts angezeigt, ich würde aber gerne den Text Standardmäßig angezeigt bekommen somit ich beim Klick auf den dort hinterlegten Button auf mein Anmeldeforumular komme.

Kann man das noch anpassen das der Text wieder mit eingeblendet wird ohne die Weiterleitungen zu bearbeiten?

**miniA4kuser** · 19.04.2017, 09:09

Sofern du den Teasertext meinst kannst du den im Template ausgeben lassen:

PHP-Code:


<?php if ($GLOBALS['event_month'] != $this->month): ?>

<h3><?php echo $this->month; ?></h3>

<?php endif; ?>

<?php $GLOBALS['event_month'] = $this->month; ?>

<div class="event layout_upcoming<?= $this->classUpcoming ?>">



  <span class="date"><?= $this->date ?></span>

  <a href="<?= $this->href ?>" title="<?= $this->title ?> (<?php if ($this->day) echo $this->day . ', '; ?><?= $this->date ?><?php if ($this->time) echo ', ' . $this->time;?>)"<?= $this->target ?>><?= $this->link ?></a>



  <?php if ($this->time): ?>

    <span class="time">(<?= $this->time ?>)</span>

  <?php endif; ?>



  <div class="ce_text block">

    <?= $this->teaser ?>

  </div>



</div>

Ansonsten einfach mal bei den Event-Templates (system/modules/calendar/templates/events) nachschauen mit was du die einzelnen Daten ausgeben kannst

**MRambacher** · 19.04.2017, 09:24

Danke genau das meinte ich. Passt soweit alles, das Aussehen passe ich dann im CSS an und dann sollte es laufen danke

**miniA4kuser** · 19.04.2017, 09:34

Gern geschehn.

**MRambacher** · 20.04.2017, 07:43

Einwas ist mir nun noch aufgefallen und zwar: Wenn ich im Event eine Wiederholung eintrage wird mir ein Satz (siehe Bild) generiert in dem die Wiederholung des Events angekündigt wird. Kann man das ändern so das es nichtmehr dort auftaucht?

**miniA4kuser** · 20.04.2017, 08:48

Das wird doch nur ausgegeben, wenn du im Template folgendes notiert hast:

PHP-Code:


<?php if ($this->recurring): ?>

  <p class="recurring"><?= $this->recurring ?><?php if ($this->until) echo ' ' . $this->until; ?>.</p>

<?php endif; ?>

**MRambacher** · 20.04.2017, 12:35

PHP-Code:


<?php if ($GLOBALS['event_month'] != $this->month): ?>

<h3><?php echo $this->month; ?></h3>

<?php endif; ?>

<?php $GLOBALS['event_month'] = $this->month; ?>

<div class="event layout_upcoming<?= $this->classUpcoming ?>">



  <span class="date"><?= $this->date ?></span>

  <a href="<?= $this->href ?>" title="<?= $this->title ?> (<?php if ($this->day) echo $this->day . ', '; ?><?= $this->date ?><?php if ($this->time) echo ', ' . $this->time;?>)"<?= $this->target ?>><?= $this->link ?></a>



  <?php if ($this->time): ?>

    <span class="time">(<?= $this->time ?>)</span>

  <?php endif; ?>



 



</div>

Das ist meine event_upcoming.html5 PHP-Datei da sehe ich das nicht aber bin mir sicher das, dass vorher nicht drin war. Muss da was geändert werden oder im welchen Template könnte das enthalten sein?

Meine event_full.html5 PHP-Datei sieht so aus:

PHP-Code:


<div class="event layout_full block<?= $this->class ?>">



  <h1><?= $this->title ?></h1>

  <p class="info"><time datetime="<?= $this->datetime ?>"><?= $this->date ?><?php if ($this->time): ?>, <?= $this->time ?><?php endif; ?></time></p>



  <?php if ($this->recurring): ?>

    <p class="recurring"><?= $this->recurring ?><?php if ($this->until) echo ' ' . $this->until; ?>.</p>

  <?php endif; ?>



  <?php if ($this->hasDetails): ?>

    <?= $this->details ?>

  <?php else: ?>

    <div class="ce_text block">

      <?= $this->teaser ?>

    </div>

  <?php endif; ?>



  <?php if ($this->location): ?>

    <p class="location"><?= $this->locationLabel ?>: <?= $this->location ?></p>

  <?php endif; ?>



  <?php if ($this->enclosure): ?>

    <div class="enclosure">

      <?php foreach ($this->enclosure as $enclosure): ?>

        <p><img src="<?= $enclosure['icon'] ?>" width="18" height="18" alt="<?= $enclosure['mime'] ?>" class="mime_icon"> <a href="<?= $enclosure['href'] ?>" title="<?= $enclosure['title'] ?>"><?= $enclosure['link'] ?> <span class="size">(<?= $enclosure['filesize'] ?>)</span></a></p>

      <?php endforeach; ?>

    </div>

  <?php endif; ?>



</div>

Selbst wenn ich die angegebene Zeile entferne bleibt der Satz weiterhin bestehen.

Das event_list.html5 und event_teaser.html5 enthalten die PHP-Zeile nicht.
Die jeweiligen dazugehörigen event_....xhtml Datein sind auch überprüft.

Gibt es hierzu eventuel eine lösung?

**Andreas** · 20.04.2017, 12:55

Es sind definitiv die Zeilen, welche miniA4kuser gezeigt hat. Sie sind default nur im Template event_full. Wenn dieses Template im Einsatz ist, dann kannst du diese Zeilen dort entfernen.

Wenn die FE-Ausgabe in deinem Layout auf HTML steht, dann kannst du die XHTML-Templates ignorieren. Sie kommen dann nicht zum Einsatz. Ich stelle mir in den Einstellungen das Feld "Unterstützte Templateformate" immer nur auf html5, damit ich die xhtml erst gar nicht zur Auswahl angeboten bekomme.

**MRambacher** · 20.04.2017, 15:11

Im Event Reader wird das Template event_full.html5 verwendet. Dort ist die Zeile enthalten aber selbst wenn ich diese lösche bleibt der Satz bestehen muss da noch was geändert werden?

**miniA4kuser** · 20.04.2017, 16:04

Wenn du unter Backend->Templates dir das event_full.html5-Template anlegst und die erwähnten Zeilen löschst, dann muss das definitiv weg sein.
Evtl. hast du noch ein Problem mit dem Browser-Cache, dann die Seite mit Strg-F5 nachladen, oder den Browser-Cache manuell komplett leeren.
Oder den Contao-Cache mal leeren.

**Andreas** · 20.04.2017, 19:50

Schreibe in das Template mal

HTML-Code:

<h1>hello world</h1>

Dann siehst du, dass dieses Template wahrscheinlich nicht benutzt wird.

**MRambacher** · 21.04.2017, 07:05

Ich habe jetzt einfach das Template event_list.html5 angepasst. Das Template wird momentan nicht benötigt und ist deshalb jetzt abgeändert, ergibt somit genau das was ich gebraucht habe.

Danke vielmals für die Lösungen und ein schönes Wochenende noch

**miniA4kuser** · 21.04.2017, 10:25

Zitat von MRambacher

Ich habe jetzt einfach das Template event_list.html5 angepasst. Das Template wird momentan nicht benötigt und ist deshalb jetzt abgeändert, ergibt somit genau das was ich gebraucht habe.

Du kannst dir unter Backend->Template auch ein Template mit eigenem Namen erstellen, z.B. event_travel_list.html5. Wichtig ist nur, das du den event_-Präfix verwendest, damit du das Template dann in dem Modul zur Auswahl hast.

**MRambacher** · 21.04.2017, 10:31

Danke habe jetzt im nachhinein gesehen woran es lag (Peinlich Schande über mein Haupt) es lag einfach daran das es das event_full.html5 Template zwei mal gibt einmal unter Template event und einmal unter Template Motivation Business. Im Modul Event reader ist natürlich nur das Template event_full.html5 von Motivation Business eingestellt gewesen und die änderungen hab ich am Template event_full.html5 aus dem Ordner Template/Event gemacht. Jetzt das richtige geändert und schon funktioniert es. Danke nochmal

**miniA4kuser** · 21.04.2017, 10:40

Zitat von MRambacher

...am Template event_full.html5 aus dem Ordner Template/Event gemacht...

Genau das sollte man nicht machen, da sonst bei einem Update deine Änderungen futschikatooo sind. Daher wie schon erwähnt über das Backend in der linken Spalte auf Templates und dort deine Template-Anpassungen vornehmen.

**MRambacher** · 02.02.2018, 12:47

Hallo,

ich hab ein weiteres Problem mit der Auflistung der Monate auf meiner Event Seite. Meine Frage lautet was kann ich an meinem event_upcoming.html5 verändern damit zwischen jedem aufgeliesteten Monat zwei Absätze sind?

Anlagen:
- Aktuelle event_upcoming.html5 Datei
- Bild der momentanen Auflistung

Danke schonmal für eure Hilfe.

event_upcoming.html5

PHP-Code:


<?php if ($GLOBALS['event_month'] != $this->month): ?>

<h3><?php echo $this->month; ?></h3>

<?php endif; ?>

<?php $GLOBALS['event_month'] = $this->month; ?>

<div class="event layout_upcoming<?= $this->classUpcoming ?>">



  <span class="date"><?= $this->date ?></span>

  <a href="<?= $this->href ?>" title="<?= $this->title ?> (<?php if ($this->day) echo $this->day . ', '; ?><?= $this->date ?><?php if ($this->time) echo ', ' . $this->time;?>)"<?= $this->target ?>><?= $this->link ?></a>



  <?php if ($this->time): ?>

    <span class="time">(<?= $this->time ?>)</span>

  <?php endif; ?>



 



</div>