Ankündigung

Einklappen
Keine Ankündigung bisher.

Themes: Portfolio-Liste mit Mehrfach-Filterung

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

  • Themes: Portfolio-Liste mit Mehrfach-Filterung

    Hi,
    da wir hin-und-wieder im Ticketsystem nach einer Mehrfachfilterung gefragt werden für die Portfolio-Lösung in den Themes (Nahcrichtenlisten), anbei ein kleines Template, was den Isotope Filter für eine Mehrfachauswahl aufbohrt und in den News-Einträgen eine Kommatrennung der Filterwerte in der Unterüberschrift erlaubt.

    Grüße,
    Angehängte Dateien
    http://www.premium-contao-themes.com

  • #2
    Hallo Tim,

    wie kann man das Template erhalten? Sehe keinen Downloadlink.

    Vielen Dank.

    EDIT:

    Hat sich erledigt, sehe nun den Downloadlink. Hoffentlich klappts damit.
    Vielen Dank.
    Zuletzt geändert von it_facts; 10.08.2015, 11:24.

    Kommentar


    • #3
      Und hier für das Orlando Theme.

      Einfach in den Modul-Einstellungen zum Portfolio die neuen Templates anwählen für die Beiträge und für das Modul selbst.
      Angehängte Dateien
      Zuletzt geändert von Tim; 03.11.2015, 11:44.
      http://www.premium-contao-themes.com

      Kommentar


      • #4
        Hallo Tim,
        möchte gern auf diesem Wege nach der Mehrfachfilterung der Portfolio-Liste für`s Quantum-Thema fragen.
        Leider sehe auch ich keinen Link für die Templates unter diesem Thread.
        Danke für die Hilfe im Voraus.

        nächtliche Grüße aus Oslo,
        Carsten

        Kommentar


        • #5
          Oben sind zwei Downloads. Die sind bei dir nicht sichtbar?
          http://www.premium-contao-themes.com

          Kommentar


          • #6
            ... mmmhhhhh, wohl mein Fehler. Die Downloads sind nun alle sichtbar.
            Hatte gestern geraume Zeit Probleme `n altes Forumkonto zu aktivieren. Die Downloads sind ja bekanntlich nur dem `eingeloggten´ Benutzer zugänglich.
            Nach Neuregistrierung ist nun alles bestens!

            Danke der Nachfrage und vG aus N!

            Kommentar


            • #7
              Ach ja - eins noch: Gibt es eigentlich eine Möglichkeit den PortfolioFilter BE-seitig zu gestalten, sodaß die Unterüberschrift in `nem anderen Kontext genutzt werden kann?

              Kommentar


              • #8
                Zitat von netsrac Beitrag anzeigen
                Ach ja - eins noch: Gibt es eigentlich eine Möglichkeit den PortfolioFilter BE-seitig zu gestalten, sodaß die Unterüberschrift in `nem anderen Kontext genutzt werden kann?

                Wir "missbrauchen" hier das Unterüberschrift-Feld ja eigentlich nur. Du kannst in den Templates auf ein anders Feld als Quelle für den Filterwert nutzen.
                http://www.premium-contao-themes.com

                Kommentar


                • #9
                  ... hier bekomme ich plötzlich unerwartet viel `Codekontakt´. Tim - siehst Du `ne Chance der Hilfestellung im Code oder gibt`s möglicherweise `ne andere Chance die Filterauswahl zu beeinflussen?
                  Vielen Dank der Mühen im Voraus!
                  Zuletzt geändert von netsrac; 27.04.2016, 16:33.

                  Kommentar


                  • #10
                    Hallo.

                    Ich bin den Anregungen hier jetzt gefolgt und habe im SmallBiz-Theme die news_portfolio.html5 Template-Datei ausgetauscht, um die multiple Filterung zu nutzen. Im SmallBiz Theme scheint diese beschriebene Änderung hier jedoch nicht ausreichend zu sein, die bisher genutzte Darstellung der Portfolio-Artikel geht verloren, so dass nur noch die "Kategorien" angezeigt werden.

                    Welche Anpassungen sind in diesem Theme zusätzlich notwendig?

                    Kommentar


                    • #11
                      Für die "Smart-Themes" (Sidr, SmallBiz, Aviar, Attorney, Extreme, Cinematic)

                      Der Grundaufbau ist vergleichbar mit Orlando. Hier greift das gleiche mod_newlist_... Template lediglich die news_ Templates benötigten ein kleines Update in der ersten Zeile, damit nun mehrere Filter-Klassen eingesetzt werden.

                      Hier die erste Zeile aus dem news_portfoliolist.html5 Template aus SmallBiz. (auch hier zum Download)

                      PHP-Code:
                      <?php // handle multiple filter values by commata seperated lists
                      $arrFilterClasses = array();
                      foreach(
                      explode(','$this->subHeadline) as $v)
                      {
                          
                      $arrFilterClasses[] = 'filter_'.standardize($v);
                      }
                      ?>

                      <div class="item block<?php echo $this->class?> port_overlay <?php echo implode(' '$arrFilterClasses?>">
                      Das Modul "Portfoliofilter" kann nun mit weiteren Filterwerten gefüttert werden. Dafür einfach je Button die gewünschten Filterwerte mit Komma trennen z.B.

                      HTML-Code:
                      <a data-filter=".filter_consulting,.filter_print">Consulting + Print</a>
                      Anbei das mod_newlist_portfolio_multiple und das news_portfoliolist_multiple Template. Hier speziell aus dem SmallBiz Theme. ggf. für die anderen Themes das news_portfoliolist Template entsprechend anpassen.


                      Angehängte Dateien
                      http://www.premium-contao-themes.com

                      Kommentar


                      • #12
                        Danke Tim.

                        Deine Hilfe war mal wieder prompt und auf dem Punkt. Funktioniert wie gewünscht. Besten Dank.

                        ---

                        Wenn nun mehrere "Subline"-Filterwerte zum Einsatz kommen, wird es vom Platz her unübersichtlich. Ich habe nun dazu noch zwei Änderungen vorgenommen - zum einen die Subline entfernt (damit es hier gar nicht erst zu Platzproblemen kommen kann) und, wie in einem anderen Thread schon bearbeitet - das gesamte Portfolio-Image mit dem Link versehen, also den gesamten Inhalte in den <a> tag gesetzt.

                        ---

                        <?php // handle multiple filter values by commata seperated lists
                        $arrFilterClasses = array();
                        foreach(explode(',', $this->subHeadline) as $v)
                        {
                        $arrFilterClasses[] = 'filter_'.standardize($v);
                        }
                        ?>

                        <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 <?php echo implode(' ', $arrFilterClasses) ?>">
                        <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">
                        <h6 class="title"><?php echo $this->newsHeadline; ?></h6>

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

                        Kommentar


                        • #13
                          Es wäre ratsam den Link nicht ausserhalb des normalen divs zu starten, was letztendlich den Container des gesamten Elements bildet. Entweder das <a> Element ist der Container und fährt auch die Filter-Klassen oder es bleibt das normale div, da dies auch die relevanten Klassen "port_overlay item" etc. beinhaltet. Das kann nun zu Darstellungsfehlern führen und durch den umschließenden Link ggf. sogar Hover-Stati überschreiben.
                          http://www.premium-contao-themes.com

                          Kommentar


                          • #14
                            Ich hatte mich damit zunächst - unter Anpassung - auf den Code aus dem Forums-Beitrag "Portfolio List vollständig verlinkt" bezogen. Hat bislang auch ohne Probleme funktioniert. Du wirfst jetzt 2 Möglichkeiten auf. Wie müsste der Code aus Deiner Sicht aussehen? Ich habe versucht Deinen Hinweis umzusetzen, komme damit jedoch nicht zum gewünschten Ergebnis.

                            Kommentar


                            • #15
                              Im Grunde ist es egal. Hauptsache das Endergebnis stimmt. Ich mag die wichtigen Klassen immer so unverschachtelt wie möglich.
                              http://www.premium-contao-themes.com

                              Kommentar

                              Lädt...
                              X