Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: Kompletter Eventteaser Eintrag auf Detailseite verlinken?

  1. #1
    Contao-Fan
    Registriert seit
    26.01.2010.
    Ort
    Salzburg
    Beiträge
    368

    Standard Kompletter Eventteaser Eintrag auf Detailseite verlinken?

    Hi
    gehen wir mal von aus, dass ich eine Eventliste habe ... Dort stehen Datum, Titel und Ort drin ... Standardmäßig ist ja "nur" der Titel mit der Detailseite verlinkt.
    Gibt es eine Möglichkeit das gesamte DIV zu verlinken, also

    Code:
    event layout_teaser upcoming even
    Dann wäre es egal wo man da drauf klickt und man muss nicht immer genau auf den Namen klicken...

    Am Beispiel hier:

    HTML-Code:
    https://www.lungauerbildungsverbund.at/
    Danke

  2. #2
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Einfach das entsprechende Template anpassen
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  3. #3
    Contao-Fan
    Registriert seit
    26.01.2010.
    Ort
    Salzburg
    Beiträge
    368

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Einfach das entsprechende Template anpassen
    Danke Dir... das habe ich versucht, bin aber kläglich gescheitert...Das Template sieht wi folgt aus.. aber stehe da voll auf dem Schlauch, welcher Teil von dem "href" Code dann wohin soll... ;.(

    PHP-Code:
    <?php if ($this->header): ?>
      <div class="header<?php echo $this->classHeader?>">
        <span class="date"><?php echo $this->firstDate?></span><?php if ($this->firstDay): ?> <span class="day">(<?php echo $this->firstDay?>)</span><?php endif; ?>
      </div>
    <?php endif; ?>

    <div class="event layout_teaser<?php echo $this->classList?>">
    <?php if ($this->addImage): ?>
        <figure class="image_container<?php echo $this->floatClass?>"<?php if ($this->margin || $this->float): ?> style="<?php echo trim($this->margin $this->float); ?>"<?php endif; ?>>

          <?php if ($this->href): ?>
            <a href="<?php echo $this->href?>"<?php echo $this->attributes?> title="<?php echo $this->alt?>">
          <?php endif; ?>

          <img src="<?php echo $this->src?>"<?php echo $this->imgSize?> alt="<?php echo $this->alt?>">

          <?php if ($this->href): ?>
            </a>
          <?php endif; ?>

          <?php if ($this->caption): ?>
            <figcaption class="caption" style="width:<?php echo $this->arrSize[0]; ?>px"><?php echo $this->caption?></figcaption>
          <?php endif; ?>

        </figure>
      <?php endif; ?>

      <?php if ($this->details): ?>
        <h2><a href="<?php echo $this->href?>" title="<?php echo $this->title?> (<?php if ($this->day): echo $this->day?><?php endif; echo $this->date; if ($this->time): ?><?php echo $this->time; endif; ?>)"<?php echo $this->target?>><?php echo $this->link?></a></h2>
      <?php else: ?>
        <h2><?php echo $this->title?></h2>
      <?php endif; ?>

      <?php if ($this->time || $this->span): ?>
        <p class="time"><?php echo $this->time $this->span?> Uhr</p>
      <?php endif; ?>
        <p class="location"><?php echo $this->location_plz?> <?php echo $this->location_ort?></p>
      
      

      
      <?php if ($this->details): ?>
        <p class="more"><a href="<?php echo $this->href?>" title="<?php echo $this->readMore?>"<?php echo $this->target?>><?php echo $this->more?> <span class="invisible"><?php echo $this->link?></span></a></p>
      <?php endif; ?>

    </div>

  4. #4
    Contao-Fan Avatar von JMMB
    Registriert seit
    08.03.2012.
    Beiträge
    260
    User beschenken
    Wunschliste

    Standard

    Hallo,

    das hier ist der Teil den Du verwenden kannst:

    HTML-Code:
    <a href="<?php echo $this->href; ?>" title="<?php echo $this->readMore; ?>"<?php echo $this->target; ?>>
    ...
    </a>
    Das hier ist das DIV außen rum:

    HTML-Code:
    <div class="event layout_teaser<?php echo $this->classList; ?>">
    ...
    </div>
    könnte also so aussehen:
    HTML-Code:
    <div class="event layout_teaser<?php echo $this->classList; ?>">
    <a href="<?php echo $this->href; ?>" title="<?php echo $this->readMore; ?>"<?php echo $this->target; ?>>
    ...
    </a>
    </div>
    zusätzlich kannst Du jeweils die Abfrage setzen ob es Details gibt:

    PHP-Code:
    <?php if ($this->details): ?>
    ...
    <?php endif; ?>
    Das käme dann um die Teile des a Tags an den Stellen an denen Du das haben möchtest. Der Rest wäre wohl mit CSS anzupassen.

  5. #5
    Contao-Fan
    Registriert seit
    26.01.2010.
    Ort
    Salzburg
    Beiträge
    368

    Standard Ok.. so halbwegs...

    Ich verkomplizier das mal...da sieht das Template dann so aus..Es sind 6 Spalten (mittels autogrid) - Den Part mit "Read More" habe ich eingefügt damit man weiß, dass man da draufklicken muss. Perfekt wäre es ja, wenn das ganze Div aussenrum anklicken könnte....

    anbei mal das template und ein Screenshot, wie das ausschaut..

    Ich bin zwar grafisch gut, aber PHP mäßig eine Vollniete

    Danke Dir

    PHP-Code:
    <?php 
    $date 
    = new \Date($this->firstDate);
    $newtime $date->tstamp ?: $this->startDate
    ?>
    <div class="autogrid_wrapper block event layout_list<?php if($this->classList): ?> <?= $this->classList ?><?php endif; ?>" itemscope itemtype="http://schema.org/Event">

            <i class="fa fa-location-arrow"></i>

    <div class="autogrid one_sixth block date">
        <?php echo $this->parseDate("d"$newtime); ?> <?php echo $this->parseDate("M"$newtime); ?> <?php echo $this->parseDate("Y"$newtime); ?>
    </div>
        

    <div class="autogrid one_sixth block categorie">
        <?php if ($this->location_contact): ?>
               <?php echo $this->location_contact?>  
        <?php endif; ?>
    </div>
        

    <div class="autogrid two_sixth block title">
        <a href=" <?= $this->href ?>" itemprop="url" 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->details): ?>
                <p class="more"><a href="<?php echo $this->href?>" title="<?php echo $this->readMore?>"<?php echo $this->target?>><?php echo $this->more?> <span class="invisible"><?php echo $this->link?></span></a></p>
          <?php endif; ?>
    </div>

            
    <div class="autogrid one_sixth block location">
        <?php if ($this->location): ?>
                <?= $this->locationLabel ?><?= $this->location ?>
          <?php endif; ?>
    </div>
        

    <div class="autogrid one_sixth block time" itemprop="startDate">
        <?php if ($this->time): ?><i class="fa fa-clock-o"></i><?= $this->time ?><?php else: ?>&nbsp;<?php endif; ?>
    </div>
        

    </div>
    Angehängte Grafiken Angehängte Grafiken

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •