Mit dem Product Pipeline Drop kannst du Artikel dynamisch auswhlen, als Grid oder Slider darstellen und an beliebiger Stelle in deinem JTL-Shop einfgen. Er ist der Nachfolger unseres beliebten Article Slider Drops und erweitert diesen um zahlreiche neue Funktionen und Mglichkeiten.
Die Artikelauswahl erfolgt dabei besonders flexibel und innovativ, wie wir im Laufe der Dokumentation zeigen werden.
Das Grundprinzip lautet: Definiere eine Artikelauswahl anhand von Quellen und erweitere oder reduziere sie anschlieend in beliebig vielen weiteren Schritten.
Am Ende ergibt sich das gedankliche Bild einer Pipeline - also einer "Leitung" -, durch die Produkte nach definierten Kriterien ein- und ausflieen knnen.
Quellen definieren
Wir starten die Konfiguration unserer Pipeline mit dem Festlegen einer Artikelquelle. Das knnen handverlesene Artikel sein, aber auch - wie aus dem Article Slider bekannt - eine Filterung ber das Produktfilter-Control.
| Datenquelle |
Beschreibung |
| Manuelle Auswahl |
Manuell festgelegte Liste von Artikeln |
| Filterung |
Artikel aus einer Filterung, z.B: Kategorie + Bestseller + Merkmalfilter |
| Aktueller Artikel |
Der Artikel der aktuellen Artikeldetailseite |
| Aktuelles Listing |
Alle Artikel aus der aktuelle Artikelliste (Kategorie, Herstellerseite, ...) |
| Artikel im Warenkorb |
Alle Artikel, die sich aktuell im Warenkorb befinden |
| Zuletzt angesehene Artikel |
Artikel, die der aktuelle Besucher zuletzt angesehen hat |
| Wunschzettel |
Artikel auf dem aktiven Wunschzettel |
| Vergleichsliste |
Artikel der aktuellen Vergleichsliste des Besuchers |
| Zuletzt gekaufte Artikel |
Artikel, aus den letzten Bestellungen des aktuellen Kunden |
Einige Quellen - wie der aktuelle Artikel - sind fr sich genommen weniger sinnvoll, wenn man eine grere Artikelmenge definieren mchte. Diese werden interessant, wenn man Relationen hinzufgt und so beispielsweise alle Artikel mit demselben Merkmalwert oder vom selben Hersteller des aktuellen Artikels auswhlt. Mehr dazu im nchsten Abschnitt und in den Anwendungsideen im Appendix.
Artikel vom Endergebnis entfernen?
ber die Relation "Ausschlieen" kannst du eine neue Pipeline definieren, die bestimmte Artikel aus deiner Auswahl entfernt. Mehr dazu im Abschnitt "Relationen".
Produktfilter-Control
Das Produktfilter-Control haben wir bereits im Article Slider verwendet, um dynamische Produktslider zu erstellen. Dieses Control kann auch in einer Pipeline genutzt werden - sowohl als Einstieg (Datenquelle) als auch als Filter im weiteren Verlauf der Pipeline.
In unserem Wiki findest du weitere Informationen zu diesem und allen anderen Controls unserer Drops.
Weitere Optionen fr Quellen
Je nach gewhlter Quelle gibt es zustzliche Optionen, die weitestgehend selbsterklrend sind. Beachte wie immer auch die Tooltips an den Eingabeelementen.
Relationen
Nachdem wir mit der Quellauswahl eine initiale Artikelauswahl getroffen haben, knnen wir diese nun schrittweise verndern. Dabei ist es mglich, die Auswahl zu spezifizieren (Ergebnis: weniger Artikel), aber auch neue Produkte hinzuzufgen (Ergebnis: mehr Artikel).
Die nachfolgende Tabelle zeigt alle Mglichkeiten und deren Effekt. Der Begriff "Artikelauswahl" beschreibt dabei die Artikel, die bis zu diesem Punkt der Pipeline erfasst worden sind.
| Relation |
Effekt |
| Filterung |
Filtert die Artikelauswahl weiter (nach Merkmal, Hersteller, Preis ...) |
| hnliche Artikel |
Selektiert hnliche Artikel zur Artikelauswahl (JTL-Shop Funktion) |
| X-Selling Gruppen |
Selektiert Artikel aus X-Selling-Gruppen der Artikelauswahl |
| Artikel, die zusammen gekauft wurden |
Selektiert Artikel, die zusammen mit der Artikelauswahl gekauft wurden |
| Artikel extrahiert aus Funktionsattribut |
Fgt Artikel anhand von Funktionsattributen der Artikelauswahl (siehe Appendix) |
| Kindartikel |
Fgt alle Kindartikel der Vaterartikel der Artikelauswahl hinzu |
| Matchup |
Findet Artikel mit gleichen Merkmalen & Attributen der Artikelauswahl |
| Auffllen |
Definiert eine neue Pipeline, deren Artikel die Artikelauswahl ergnzt |
| Ausschlieen |
Definiert eine neue Pipeline, deren Artikel aus der Artikelauswahl entfernt werden |
| Limit |
Limitiert die Artikelauswahl auf eine gegebene Anzahl |
hnliche Artikel vs. Matchup
"hnliche Artikel" und "Matchup" hneln sich auf den ersten Blick. Die "hnlichen Artikel" greifen jedoch direkt auf Mechanismen des JTL-Shops zurck und knnen in den Shopeinstellungen gesteuert werden (Suche im JTL-Shop-Backend nach "hnliche Artikel"). Aus dem JTL-Guide:
hnliche Artikel werden aufgrund identischer Merkmale vorgeschlagen. Falls Sie keine Merkmale nutzen, werden hnliche Artikel aus der Suche abgeleitet. Bereits ber Cross-Selling angebotene Artikel werden dabei ausgeschlossen.
Mit "Matchup" kannst du hnliche Artikel ber Matching-Parameter selbst definieren. Du kannst festlegen, wann Artikel zueinander passen:
- Wenn Artikel in der gleichen Kategorie liegen (inkl. Unterkategorien)
- Wenn Artikel den gleichen Hersteller haben
- Wenn Artikel bei allen Merkmalen die gleichen Werte haben
- Wenn Artikel bei ausgewhlten Merkmalen die gleichen Werte haben
Diese Parameter lassen sich auch miteinander kombinieren!
Filterung*
Die Filterung nutzt - wie schon in den Quellen - unser Produktfilter-Control. Mehr Informationen dazu findest du im vorherigen Abschnitt und im Wiki.
Weitere Pipelines zum Einschlieen / Ausschlieen
Mit den Relationen "Auffllen" und "Ausschlieen" hast du sogar die Mglichkeit, in der Pipeline eine neue Pipeline anzulegen und damit eine weitere Artikelauswahl zu definieren. Diese kannst du dann - je nach Relation - zur vorhandenen Artikelauswahl hinzufgen oder daraus entfernen.
Ein einfacher Anwendungsfall ist das manuelle Hinzufgen von Produkten zu Bestseller-Listen, die sonst nicht die Kriterien fr Bestseller erfllen. Oder das Entfernen von Artikeln bestimmter Marken aus einer Artikelauswahl. Mehr solcher Beispiele findest du im Appendix.
Limit
Mit dem Limit kannst du die Anzahl der Artikel in deiner Artikelauswahl an diesem Schritt der Pipeline begrenzen. Durch "Auffllen" ist es dir danach ohne Weiteres mglich, weitere Produkte hinzuzufgen, die ber dieses Limit hinausgehen.
Darstellungsoptionen
Das Drop bringt zwei grundlegende Optionen zur
Darstellung
mit: Grid (= Produktliste) oder Slider. Je nach Auswahl der Darstellung werden dir zustzliche Optionen angezeigt (siehe unten).
Unabhngig davon, fr welche Ausgabe du dich entscheidest, kannst du mit dem
Artikeltemplate
festlegen, wie die einzelnen Artikel im Grid bzw. Slider dargestellt werden.
Die Option
Quick-Buy
bietet dir einen Button, mit dem du den jeweiligen Artikel direkt in den Warenkorb legen kannst.
Artikeltemplate gestalten
Wir nutzen Bausteine des Templates nach, damit sich das Product Pipeline Drop optimal in die Optik deines JTL-Shops einfgt. Das bedeutet, es werden nur die Informationen angezeigt, die die Artikelboxen deines Templates bereitstellen.
Wenn du die Optik deiner Artikelboxen frei gestalten mchtest, kannst du ein
eigenes Artikeltemplate
verwenden. Im Control kannst du Smarty und HTML einsetzen, um die Daten des jeweiligen Artikels auszugeben. Mehr Details und ein einfaches Beispiel findest du im Appendix.
Grid Einstellungen
Legst du die
Anzahl an Artikelreihen
fest, versucht das Drop automatisch, die optimale Anzahl der dargestellten Artikel zu bestimmen, damit deine Vorgabe an der aktuellen Einfgeposition erfllt wird. Andere Einstellungen zur Artikelanzahl oder zum Limit werden in diesem Fall ignoriert.
Du kannst auerdem festlegen, wie viele
Artikelreihen nachgeladen
werden sollen, wenn
Dynamisches Nachladen
im Drop aktiviert ist (siehe Abschnitt Paginierung).
Mit der
minimalen Breite eines Artikels
bestimmst du, welche Breite eine einzelne Artikelbox mindestens haben soll - unabhngig davon, welches Ausgabegert der Besucher nutzt.
Slider Einstellungen
Ein Slider stellt Artikel immer in einer horizontalen Reihe dar. Du kannst dabei die
Anzahl der Artikel nebeneinander
festlegen.
Wenn du hier die Option "Flexibel" verwendest, berechnet das Drop die optimale Anzahl anhand der
minimalen Breite eines Artikels
fr den Einfgeort.
Beachte:
Wenn du eine feste Anzahl vorgibst, wird der verfgbare Platz am Einfgeort nicht mit zustzlichen Artikeln aufgefllt. Stattdessen werden die vorhandenen Artikelboxen ggf. grer dargestellt.
Die brigen Optionen des Sliders sind weitgehend selbsterklrend. Lies die Beschreibung im Drop und probiere die Optionen einfach aus.
Responsive Darstellung
Probiere die Darstellung bzw. Integration deiner Product Pipeline auf verschiedenen Endgerten aus. Das Drop passt sich intelligent an den verfgbaren Platz an der Einfgeposition an, ignoriert dabei aber gegebenenfalls Optionen (z. B. Limit), die du an anderer Stelle definiert hast, zugunsten der Paginierungseinstellungen.
Paginierung
Gerade bei einer groen Artikelauswahl kann es sinnvoll sein,
Dynamisches Nachladen
zu aktivieren.
Wenn dynamisches Nachladen aktiv ist, werden Artikeldaten erst dann aus der Shop-Datenbank geladen und Bilder erst dann an den Browser gesendet, wenn es notwendig ist. Das beschleunigt den initialen Seitenaufbau, kann aber - je nach Server - kleine Verzgerungen beim Nachladen verursachen.
Paginierungszustand erhalten
Wenn du die Grid-Darstellung nutzt, kann das Drop den
Zustand bei Seitenwechsel erhalten. Das bedeutet, dass der Paginierungszustand ("ich habe 2x Artikel nachgeladen") wiederhergestellt wird, wenn das Drop erneut aufgerufen wird.
Dieses Szenario tritt hufig auf, wenn ein Besucher aus einem umfangreichen Grid eine Artikeldetailseite ffnet und anschlieend im Browser zurck navigiert. Ohne aktivierte Option wrde das Grid neu geladen, und der Besucher msste erneut scrollen.
Beachte jedoch, dass zum Wiederherstellen des Zustands unter Umstnden viele Artikel gleichzeitig geladen werden mssen. Diese Option kann sich also negativ auf die Performance auswirken.
Eigene Inhalte
Du kannst in deinem Grid oder Slider auch zustzliche
Inhalte
einfgen. Ein hufiger Anwendungsfall sind
Banner oder sogenannte Strer, die zwischen den Artikelboxen erscheinen und weiterfhrende Inhalte verlinken.
Inhalte kannst du ber das
HTML-Control
definieren. Es sind freie HTML-Inhalte mglich, aber auch Smarty-Code und das Verlinken anderer Drops.
Zustzlich kannst du ber
Link
ein Ziel definieren, auf das der Inhalt verweisen soll. So kannst du beispielsweise unser Link-Control verwenden, um dynamisch Shop-Inhalte (z. B. gefilterte Kategorien) zu verlinken.
Definiere bei Bedarf zustzliche
CSS-Klassen, um die Optik deines Inhalts weiter anzupassen.
Drop Konfiguration
In der Drop-Konfiguration kannst du zustzliche
CSS-Klassen
definieren, die dein Product Pipeline Drop umschlieen sollen. Damit kannst du ber CSS-Regeln individuelle Anpassungen an dieser Instanz vornehmen.
In den
Produktoptionen
legst du fest, welche Parameter deine Artikelobjekte mitbringen sollen. Diese Einstellung wird vor allem relevant, wenn du ein eigenes Artikeltemplate nutzt (siehe Abschnitt "Darstellung") und zustzliche Artikeldaten anzeigen mchtest, die in den Standardansichten deines Templates sonst nicht verfgbar sind.
Appendix
Update Article Slider > Product Pipeline
Wenn Article Slider und Product Pipeline installiert sind, kannst du aus dem Article Slider per Klick ein Product Pipeline Drop erstellen. Voraussetzung ist eine aktuelle Version des Article Slider Drops.
Beachte, dass wir dir einen Rabatt fr den Kauf einer Product-Pipeline-Lizenz fr eine Shop-URL einrumen, wenn du bereits eine Article-Slider-Lizenz besitzt. Dieser wird dir automatisch in der Kaufabwicklung gutgeschrieben.
Performance
Je nach Konfiguration deiner Pipeline und der Anzahl der Artikel kann es aufwendig sein, die Artikeldaten aus der Datenbank zu laden und darzustellen. Neben den Optionen im Drop (z. B. Paginierung) stellt dir Dropper fr jedes Drop zustzliche Mglichkeiten zur Verfgung, um die Performance zu optimieren.
Nutze gegebenenfalls
Lazy Loading, wenn deine Product Pipeline nicht sofort nach dem Seitenaufruf sichtbar ist, sondern weiter unten auf der Seite dargestellt wird. Beachte dabei unbedingt unseren Blogartikel zu Best Practices rund um Lazy Loading.
Aktiviere bei Bedarf den statischen
HTML-Cache
im Drop. Das verkrzt die Ladezeit deutlich, geht jedoch auf Kosten der Dynamik. Beachte hierzu unsere Hinweise zum Cache im Wiki.
Titel fr deine Pipeline via Drop Container
Du kannst deine Product Pipeline - wie jedes andere Drop - in Flex Layout Spaces oder HTML-Controls anderer Drops verlinken und dort auch mit HTML kombinieren, um sie beispielsweise mit einem Titel zu versehen oder in eine Box zu integrieren.
Problem dabei:
Erzeugt deine Pipeline keine Artikelausgabe (bei dynamischen Quellen und Filtern durchaus mglich), bleiben diese zustzlichen Inhalte erhalten.
Mit den
zustzlichen Inhalten im Drop Container
kannst du dieses Problem lsen. Hier kannst du festlegen, dass diese Inhalte nur angezeigt werden sollen, wenn das jeweilige Drop tatschlich eine Ausgabe erzeugt.
Artikel extrahiert aus Funktionsattribut
Mit der Relation "Artikel extrahiert aus Funktionsattribut" kannst du Artikel auswhlen, die als kommagetrennte Liste von Artikelnummern in einem bestimmten Funktionsattribut hinterlegt sind.
Wenn ein Artikel "ABC" das Funktionsattribut "xsellerlist" mit dem Wert "ga2345r3,ha1231234,xf2112321,xf345634" hat, knnte die Konfiguration wie folgt aussehen:
Das Drop whlt dann die Artikel mit den Artikelnummern "ga2345r3", "ha1231234" usw. aus. Beachte, dass du auch den Parameter zur Artikelauswahl festlegen kannst.
Der Anwendungsfall ist speziell, wurde uns aber whrend der Entwicklung zugetragen.
Eigenes Artikeltemplate definieren
Im Reiter Darstellung kannst du ein eigenes Artikeltemplate definieren, wenn du von den Standardansichten deines Templates abweichen mchtest.
Ein guter Ausgangspunkt fr eine eigene Umsetzung sind die entsprechenden Templatedateien, die du z. B. im NOVA-Template unter
[NOVA]/productlist/item_box.tpl
oder
[NOVA]/productlist/item_slider.tpl
findest.
Auf das jeweilige Artikelobjekt kannst du in Smarty mit
{$article}
zugreifen.
Beachte
auerdem die Einstellungen zu den
Produktoptionen
in der Konfiguration des Drops.
Anwendungsszenarien
Mit dem Product Pipeline Drop kannst du viele Dinge umsetzen, die im JTL-Shop sonst nur schwer realisierbar wren. Einige Beispiele findest du hier:
Passende X-Selling-Artikel zu den aktuellen Artikeln im Warenkorb
Hufig mchte man im Warenkorb noch vor dem Checkout auf passendes Zubehr hinweisen. Standardmig liefert der JTL-Shop nur Artikel, die Kunden zu den aktuellen Warenkorbpositionen in der Vergangenheit dazugekauft haben.
- Quelle: Artikel im Warenkorb
- Relation: X-Selling Gruppen (mit Auswahl der gewnschten Gruppe)
Artikel mit dem gleichen Material (Merkmalwert) wie der aktuell angezeigte Artikel
Der JTL-Shop bietet die Mglichkeit, hnliche Artikel auf der Artikeldetailseite anzuzeigen und greift dabei auf alle Merkmalwerte zurck. Wenn du hier genauer sein mchtest und nur Artikel prsentieren willst, die sich in bestimmten Merkmalwerten gleichen, hilft das Product Pipeline Drop.
- Quelle: Aktueller Artikel
- Relation: Matchup (mit Merkmalauswahl im Reiter "Merkmal")
SALE-Artikel des aktuellen Listings ausgeben
Der JTL-Shop bietet die Funktion, Top-Artikel oder Bestseller einer Artikelliste als Slider ber dieser darzustellen. Andere Spezialartikel sind ohne Templateanpassung nicht mglich. Das Product Pipeline Drop kann auch Sonderpreisartikel oder andere Suchspezialfilter problemlos darstellen.
- Quelle: Aktuelles Listing
- Relation: Filterung (mit Filterauswahl Suchspezial: Sonderangebote)
Tipp: Mit einem Selektor wie
@listing.topOffers
+ Ersetzen kannst du im NOVA-Template die Standard-Top-Produkte durch deine optimierte Product Pipeline ersetzen.
Passende Artikel zu den zuletzt gekauften Artikeln
Wiederkehrende Kunden knnen im JTL-Shop bisher kaum individuell angesprochen werden. Naheliegend ist es, passende Produkte auf Basis der letzten Bestellungen anzuzeigen. Das ist mit dem Product Pipeline Drop einfach mglich.
- Quelle: Zuletzt gekaufte Artikel (optional: Sortierung nach Bestelldatum)
- Relation: hnliche Artikel
"Passende Artikel" kannst du im Product Pipeline Drop auf vielfltige Weise auswhlen. Neben der Relation "hnliche Artikel" bieten sich auch "Artikel, die zusammen gekauft wurden" oder "Matchup" an.
Gefilterte X-Seller bestimmter Artikel berall anzeigen
Landingpages, die nur wenige Artikel prsentieren, knnen durch passendes Zubehr (oder allgemeiner: X-Seller) ergnzt werden.
- Quelle: Manuelle Auswahl (der prsentierten Artikel)
- Relation: X-Selling Gruppen (mit Auswahl der gewnschten Gruppe)
- Relation: Filterung (mit Filterauswahl Suchspezial: Bestseller)
Bestimmte Marken aus einer Artikelauswahl entfernen
Manchmal ist es gewnscht oder notwendig, Produkte bestimmter Marken nicht in derselben Artikelauswahl aufzufhren. Mit der Relation "Ausschlieen" kannst du leicht Artikel definieren, die von der Auswahl entfernt werden sollen.
- Quelle: Filterung (z. B. Suchfilter "Meine Artikel")
- Relation: Ausschlieen
- Quelle: Filterung (mit Filterauswahl Hersteller: "Mein Hersteller")
Artikel im Warenkorb oder bereits gekaufte Artikel ausschlieen
Oft mchte man Besuchern keine Artikel zeigen, die sie bereits gekauft haben oder die sich im Warenkorb befinden. Mit der Relation "Ausschlieen" lsst sich das leicht umsetzen.
- Quelle: Beliebige Filterung
- Relation: Ausschlieen
- Quelle: Zuletzt gekaufte Artikel
- Relation: Ausschlieen
- Quelle: Artikel im Warenkorb
.png){kind=logo}
.png){kind=small}
.png){kind=logo}
.png){kind=logo}
.png){kind=logo}
.png){kind=logo}
.png){kind=logo}
.png){kind=logo}
.png)
.png)
.png)
.png)
.png)
