Ankündigung

Einklappen
Keine Ankündigung bisher.

Portfolio List vollständig verlinkt

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Portfolio List vollständig verlinkt

    Hallo zusammen

    Gerne möchte gerne die ganze grüne Fläche der Portfoliolist mit der Detailseite verlinken. Das Zoom Icon (bereits entfernt) wie auch das Verknüpfung-Icons sollen wegfallen. Im Template news_portfoliolist.html5 versuchte ich, einen a-tag um alles zu legen:

    <a href="<?php echo $this->href ? $this->href : $this->link; ?>"<?php echo $this->attributes; ?> title="<?php echo $this->alt; ?>" class="more">
    <div class="item block<?php echo $this->class; ?> port_overlay filter_<?php echo standardize($this->subHeadline); ?>">
    <figure class="image_container">

    <div class="image_container_img">
    <img src="<?php echo $this->src; ?>" <?php echo $col->imgSize; ?> alt="<?php echo $this->alt; ?>" />
    </div>

    <div class="content">
    <a href="<?php echo $this->href ? $this->href : $this->link; ?>"<?php echo $this->attributes; ?> title="<?php echo $this->alt; ?>" class="more">
    <i class="fa fa-link"></i>
    </a>

    <div class="info">
    <h5 class="title"><?php echo $this->newsHeadline; ?></h5>
    <div class="subline"><?php echo $this->subHeadline; ?></div>
    </div>

    </div>

    </figure>
    </div>
    </a>

    Im Browser erscheint mir dann dieser Code:
    <a class="more" title="" href="portfolioreader/cretin-68"> </a>

    <div class="item block first even port_overlay filter_web isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate(0px, 0px);">
    <a class="more" title="" href="portfolioreader/cretin-68"> </a>

    <figure class="image_container">
    <a class="more" title="" href="portfolioreader/cretin-68">


    <div class="content">



    </figure>


    </div>




    Ich habe auch schonv ersucht, den a-tag nur um den figure-tag zu legen. Leider finde ich keine Lösung, die klappt. Könnt ihr mir helfen?

    LG Janine


  • #2
    Anchors dürfen schon mal nicht ineinander gesetzt werden.

    PHP-Code:
    <a href="<?php echo $this->href $this->href $this->link?>"<?php echo $this->attributes?> title="<?php echo $this->alt?>" class="more">
    <div class="item block<?php echo $this->class?> port_overlay filter_<?php echo standardize($this->subHeadline); ?>"> 
        <figure class="image_container"> 
        
        <div class="image_container_img">
        <img src="<?php echo $this->src?><?php echo $col->imgSize?> alt="<?php echo $this->alt?>" />
        </div>
        
        <div class="content"> 
            <div class="info">
            <h5 class="title"><?php echo $this->newsHeadline?></h5>
            <div class="subline"><?php echo $this->subHeadline?></div>
            </div>
        </div>
        
        </figure>
    </div>
    </a>
    http://www.premium-contao-themes.com

    Kommentar


    • #3
      Hallo Tim, vielen Dank für die schnelle Antwort. Das hat super geklappt Merci!

      Kommentar

      Lädt...
      X