Themes: Portfolio-Liste mit Mehrfach-Filterung

[Teamwork]

Hallo Tim,

wir nutzen das news_portfoliolist_multiple.html5, würden aber gerne die Lightbox durch jeweils (pro Portfolio-Nachricht) einen externen Link ersetzen

<a href="<?php echo $this->singleSRC; ?>" data-lightbox="portfolio" class="zoom">
<i class="fa fa-pencil"></i>
</a>

Besteht die Möglichkeit?

Grüße
Klaus

[Tim]

In den ersten Posts sind die Dateien als Zip Anhänge

[AlexanderMerkel]

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,

Sind die Templates nicht mehr da? Kann man die noch irgendwo bekommen?
Danke

[Tim]

Nur damit ich es richtig verstehe - wie würde der Code in Deinem Fall aussehen?

Das kann ich dir nicht sagen. Das hängt ja vom Eingabefeld und Typ des Feldes ab. Hier ist es das subheadline Feld.

[Teamwork]

Nur damit ich es richtig verstehe - wie würde der Code in Deinem Fall aussehen?

[Tim]

Im Grunde ist es egal. Hauptsache das Endergebnis stimmt. Ich mag die wichtigen Klassen immer so unverschachtelt wie möglich.

[Teamwork]

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.

[Tim]

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.

[Teamwork]

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>

[Tim]

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 // 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.

<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.

[Teamwork]

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?

[netsrac]

... 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!

[Tim]

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.

[netsrac]

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?

[netsrac]

... 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!