Visuelles Beispiel

 

 
 

Allgemein

Das Modul „Bildobjekte“ wird eingesetzt, um Bilder als komplette contentXXL Objekte zu verwalten. Es bietet zusätzlich die Möglichkeit, mehrere Ressourcen zu einem gemeinsamen Bildobjekt zusammenzufassen. Bezeichnung im Sitemanager: Bildobjekte (deutsch)

 

Leistungsmerkmale

  • Zusammenfassung mehrerer Ressourcen (Bilddateien) zu einem Objekt
  • Freie Positionierung im Volltextbereich eines anderen Objektes
  • Darstellung über flexible Templates
  • Blätterfunktion, z. B. über alle Bildobjekte im Artikel
  • Wechsel zu anderen Bildern, die zum Objekt gehören, z. B. verschiedene Formate und Auflösungen
  • Konsistente Verwaltung im Objektmanager
  • Mehrfache und zeitgesteuerte Veröffentlichung
  • Unterstützung von verwandten Objekten
  • Detailierte Zugriffsrechte
  • Mehrsprachigkeit und Language Fallback

Bestimmung

  • Verschiedene Ansichten eines Produktes
  • Verschiedene Auflösungen und Formate eines Bildes

Nutzen

  • Implementierung komplexer Funktionen ohne Programmierung
  • Einfache, zeitsparende Handhabung

Beschreibung

Bildobjekte sollten immer dann eingesetzt werden, wenn jeweils mehrere Bilder zusammengehören oder der volle Leistungsumfang von contentXXL Objekten für Bilder benötigt wird. Auch gibt die Verwendung von Bildobjekten eine bessere Kontrolle über die verwendeten Templates, insbesondere bei der Verwendung von Bildern im Textbereich.

 

 

Die speziellen Einstellungen des Bildobjekte-Moduls umfassen Einstellungen für die erforderlichen Templates zur Darstellung von Listen- und Einzelansichten, zum Blättern sowie erweiterte Einstellungen für spezielle Anwendungen.


Im Einzelnen können die folgenden speziellen Einstellungen getroffen werden:

Abb.: Spezielle Einstellungen für das Modul Bildobjekte

 

Templates Einzelansicht

  • Detailansicht: Wählen Sie hier das gewünschte Template für die Detail- oder Einzelansicht des Artikels aus.
  • Druckvorschau: Wählen Sie hier das gewünschte Template für die Druckvorschau des Artikels aus. 
  • Inline-Edit: Wählen Sie hier das gewünschte Template für das Erscheinungsbild des Inline-Editors in diesem Modul aus.
  • Kein Blättern in der Einzelansicht: Wird in der Einzelansicht des Artikels keine Blät-terfunktion (Paging, nächster Artikel) benötigt, kann diese Option aktiviert werden. Dies verbessert die Performance und verringert die Systemlast, da dann nur noch der aktuelle Artikel bereitgestellt werden muss. Diese Option ist (aus Gründen der Ab-wärtskompatibilität) standardmäßig nicht ausgewählt.

Templates Listenansicht

  • Anzahl Vorschau groß: Anzahl der Artikel, die mit dem Template für „Vorschau groß“ in der Listenansicht angezeigt werden sollen.
  • Anzahl Spalten groß: Anzahl der Spalten, die mit dem Template für „Vorschau groß“ in der Listenansicht angezeigt werden sollen.
  • Vorschau groß: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht groß aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau klein ermöglicht die Priorisierung von Informationen durch einen Template-Wechsel nach einer bestimmten Anzahl von Artikeln, beispielsweise in eine kleinere Darstellung.
  • Vorschau groß alternierend: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht groß alternierend aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau groß alternierend ermöglicht einen Template-Wechsel bei jeder Zeile um beispielsweise die Lesbarkeit zu erhöhen.
  • Anzahl Vorschau klein: Anzahl der Artikel, die mit dem Template für „Vorschau klein“ in der Listenansicht angezeigt werden sollen.
  • Anzahl Spalten klein: Anzahl der Spalten, die mit dem Template für „Vorschau klein“ in der Listenansicht angezeigt werden sollen.
  • Vorschau klein: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht klein aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau klein ermöglicht die Priorisierung von Informationen durch einen Template-Wechsel nach einer bestimmten Anzahl von Artikeln, beispielsweise in eine kleinere Darstellung.
  • Vorschau klein alternierend: Wählen Sie hier das gewünschte Template für die Vor-schau-/Listenansicht klein alternierend aus. Der Wechsel zwischen einem Template für Vorschau klein und Vorschau klein alternierend ermöglicht einen Template-Wechsel bei jeder Zeile um beispielsweise die Lesbarkeit zu erhöhen.

Blättern in der Vorschau

  • Kopfbereich: Wählen Sie hier das gewünschte Template für den Kopfbereich der Vorschau-/Listendarstellung. Dort können beispielsweise Blätterfunktionen dargestellt werden.
  • Fußbereich: Wählen Sie hier das gewünschte Template für den Fußbereich der Vorschau-/Listendarstellung. Dort können beispielsweise Blätterfunktionen dargestellt werden.

Erweiterte Einstellungen

  • Rotationsmodus: Ist dieser Modus gesetzt, werden entsprechend dem Template ein oder mehrere zufällig ausgewählte Listenelemente dargestellt. Diese Funktionalität bedingt einen abgeschalteten Seiten-Cache für die jeweilige Seite.
  • Hinweis: Wir empfehlen statt dem server-seitigen Rotationsmodus im Template per Javascript eine Client-seitige Liste aufzubauen. Dann bleibt das Caching erhalten.
  • Teasermodus: (Einzelansicht auf anderer Seite öffnen) Ist dieser Modus gesetzt, wird die Einzelansicht des Objektes in einem anderen Modul (entsprechend der Ziel Modu-lID) und auf einer anderen Seite (entsprechend der Ziel SeitenID) geöffnet. Dieses Objekt muss dort ebenfalls veröffentlicht sein.
  • Ziel-Modul-ID / Ziel-Seiten-ID: Durch die Angabe von Ziel ModulID und Ziel SeitenID kann ein Öffnen für das angegebene Modul und die angegebene Seite erzwungen werden. Ansonsten wird eine beliebige weitere Veröffentlichung verwendet.
  • Feature-Modus: Ist dieser Modus gesetzt, wird der erste Artikel in der Liste in Einzel-ansicht geöffnet. Dieser Modus wird oft zusammen mit einer Blätterfunktion verwendet.

 

Modultemplate: Layout

<!-- Ueber skin-docs werden in einer separaten CSS Datei alle visuellen Modifikationen vorgenommen -->
<section class="skin-docs">[moduletitle][content]</section>

 

Template: Listenansicht - Vorschau groß:

<div class="media">
    <img class="media-object pull-left" src='[previewimageurl]' alt='[previewimage_alt]'>
     <div class="media-body">
        <h4 class="media-heading">[Title]</h4>
        <h5 class="media-heading">[SubTitle]</h5>
        <h6 class="media-heading">[Headline]</h6>
        <p>[Preview]</p>
        <table class="table">
            <thead>
                <tr>
                   <th>[localize:imgObject_preview]</th>
                   <th>[localize:imgObject_resolution]</th>
                   <th>[localize:imgObject_filesize]</th>
                </tr>
            </thead>
             <tbody>
                    <tr>
                         <td>
                             <a  data-toggle="modal" data-target='.modal-1'>
                                      <span class="glyphicon glyphicon-picture"></span>
                              </a>
                          </td>
                         <td>[localize:imgObject_low-res]</td>
                         <td>(Platzhalter nicht vorhanden!!) </td>
                    </tr>
                    <tr>
                         <td>

 

Platzhalter: Kopf- und Fußbereich

Platzhaltername

Type

Platzhalterbeschreibung

[CurrentPageNumber]

integer

Aktuelle Seitennummer

[FirstPage]

string

Link zur ersten Seite – Paging

[IsListView]

string

Befindet sich das Modul in der Listenansicht

[LastPage]

string

Link zur letzten Seite Paging

[ModulePreview]

string

Vorschautext des Moduls

[ModulePreviewImage]

string

Vorschaubild des Moduls

[ModuleImage_alt]

string

Alternativtext des Vorschaubilds

[NextPage]

string

Link zur nächsten Seite – Paging

[PreviousPage]

string

Link zur vorherigen Seite – Paging

[PrintLink]

string

Link zur Druckansicht

[ReturnToListLink]

string

Link zurück zur Listenansicht

[ReturnToOriginalListLink]

string

 

[ShownFrom]

string

Index des ersten Elements das auf der aktuellen Seite angezeigt wird

[ShownTo]

string

Index des letzten Elements das auf der aktuellen Seite angezeigt wird

[TellAFrendLink]

string

Selbsterkärend

[TotalItemsCount]

integer

Anzahl aller Elemente – Paging

[TotalPageCount]

integer

Anzahl aller Seiten - Paging

 

Platzhalter: Detailbereich

Platzhaltername

Type

Platzhalterbeschreibung

[Title]

string

Titel des Bildobjekts

[SubTitle]

string

Untertitel des Bildobjekts

[Headline]

string

Überschrift des Bildobjekts

[Author]

string

Name des Erstellers

[Preview]

string

Vorschautext des Bildobjekts

[singleviewimage]

string

Niedrigauflösende Version des Bildobjekts

[middleresimage]

string

Normalauflösende Version des Bildobjekts

[hiresimage]

string

Hochauflösende Version des Bildobjekts

[PreviewImage]

string

Vorschaubild des Bildobjekts

[Description]

string

Inhaltstext des Bildobjekts

[editbutton]

string

Schaltfläche um das Bildobjekt zubearbeiten

[previewimage_alt]

string

Alternativtext des Bildobjekts

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string Werte), [userint1]-[userint5] (integer Werte), [userdate1] and [userdate2] (datetime Werte), [userfloat1]-[userfloat5] (double Werte), [userimage1]-[userimage5] als rid‘s, [userimage1_alt]-[userimage5_alt] (string Werte).

 

 

Platzhalter: Eingebettete Bilder

Platzhaltername

Type

Platzhalterbeschreibung

[author]

string

Name des Erstellers

[description]

string

Inhaltstext des Bildobjekts

[detailimageurl]

string

url zur Niedrigauflösendenversion des Bildobjekts

[editbutton]

string

Schaltfläche um das Bildobjekt zubearbeiten

[galleryimagelink]

string

url zur Niedrigauflösendenversion des Galeriebilds

[gallerylink]

string

Link zur Bildergalerie

[headline]

string

Überschrift

[hiresfilesize]

string

Dateigröße der Hochauflösende Version

[hiresimage]

integer

raid der Hochauflösende Version

[hiresimageurl]

string

url zur Hochauflösende Version

[middleresimage]

integer

raid der Normalauflösende Version

[middleresimageurl]

string

url zur Normalauflösende Version

[nextitemurl]

string

url zum nächsten Bild in der Detailansicht

[preview]

string

Vorschautext

[previewimage]

sinteger

raid des Vorschaubilds

[previewimage_alt]

string

Alternativtext des Vorschaubilds

[previewimageurl]

string

url zum Vorschaubild

[previousitemurl]

string

url zum vorherigen Bild in der Detailansicht

[singleviewimage]

integer

raid der hochauflösende Version

[subtitle]

string

Untertitel

[Title]

string

Titel

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string Werte), [userint1]-[userint5] (integer Werte), [userdate1] and [userdate2] (datetime Werte), [userfloat1]-[userfloat5] (double Werte), [userimage1]-[userimage5] als rid‘s, [userimage1_alt]-[userimage5_alt] (string Werte).

 

 

Platzhalter: Listenansicht

Platzhaltername

Type

Platzhalterbeschreibung

[author]

string

Name des Erstellers

[backurl]

string

Link um zur vorherigen Seite zurückzukehren

[counter]

integer

Gibt den Index des Bilds in der Auflistung zurück (z. B. Bild 2/4, counter="2)

[description]

string

Inhaltstext

[detailimageurl]

string

url zur Niedrigauflösendenversion in der Einzelansicht

[editbutton]

string

Schaltfläche um das Bildobjekt zubearbeiten

[galleryurl]

string

url zur Niedrigaulösendenversion in der Bildergalerie

[headline]

string

Überschrift

[hiresfilesize]

string

Dateigröße der Hochauflösende Version

[hiresimage]

integer

raid der Hochauflösende Version

[hiresimageurl]

string

url der Hochauflösende Version

[middleresfilesize]

string

Dateigröße der Nomalauflösende Version

[middleresimage]

integer

raid der Nomalauflösende Version

[middleresimageurl]

string

url der Nomalauflösende Version

[nextitemurl]

string

url zum nächsten Bild in Detailansicht

[morelink]

string

Link zur Detailansicht des Aktuellen Bildobjekts

[preview]

string

Vorschautext

[previewImage]

integer

raid des Vorschaubilds

[previewimage_alt]

string

Alternativtext des Vorschaubilds

[previewimageurl]

string

url des Vorschaubilds

[previousitemurl]

string

url des Vorschaulbilds in der Detailansicht

[singleviewfilesize]

integer

Dateigröße der HochauflösendenVersion in der Detailansicht

[singleviewimage]

string

raid der HochauflösendenVersion in der Detailansicht

[subtitle]

string

Untertitel

[totalimages]

integer

Anzahl aller Bilder auf der Seite (z. B. Bilder 2/4, totalimages="4)

[Title]

string

Titel

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string Werte), [userint1]-[userint5] (integer Werte), [userdate1] and [userdate2] (datetime Werte), [userfloat1]-[userfloat5] (double Werte), [userimage1]-[userimage5] als rid‘s, [userimage1_alt]-[userimage5_alt] (string Werte).

 

 

Spezielle Einstellungen bei verknüpften Bildobjekte

Dieses Modul steht auch als „Verknüpfte Bildobjekte“ zur Verfügung.

Abb.: Spezielle Einstellungen für das Modul Verknüpfte Bildobjekte

 

„Zeige verknüpfte Objekte zu Objekten in Detailansicht“ zeigt eine Liste der verknüpften Objekte vom gleichen Objekttyp. Diese können sowohl manuell als auch über Kategorien verknüpft sein. Manuell verknüpfte Objekte werden priorisiert. Wird im Template keine ande-re Sortierung erzwungen, wird standardmäßig die im Objekt unter verknüpfte Objekte ange-zeigte Sortierung verwendet. Dieser Modus wird häufig zur Anzeige verwandter Objekte verwendet.

„Zeige verknüpfte Objekte zur Kategorie, die in der URL übergeben wird“ zeigt eine Liste aller Objekte vom gleichen Objekttyp, denen die angegebene Kategorie zugeordnet wurde. Dieser Modus wird häufig im Zusammenhang mit Kategorie-Navigationen, beispiels-weise zur Implementierung einer Knowledge Base, verwendet. Die Verlinkung erfolgt in der Form …/tabid-ID0/ID1_view-ID2/… falls sich das Modul mit der ID ID1 auf der Seite ID0 be-findet und Objekte mit der Kategorie ID2 anzeigen soll. Die Linkbildung erfolgt bei Verwen-dung eines Kategorie-Moduls automatisch.

„Zeige verknüpfte Objekte zu mehreren ODER-verknüpften Kategorien, die in der URL übergeben werden“ funktioniert wie der vorige Betriebsmodus, jedoch können mehrere Ka-tegorien übergeben werden. Dieser Modus wird häufig im Zusammenhang mit Link-Modulen verwendet, um mehrere Themen / Kategorien zusammenzufassen. Die Verlinkung erfolgt in der Form …/tabid-ID0/categories-ID1,ID2,ID3/… falls sich das Modul auf Seite ID0 befindet und Objekte angezeigt werden sollen, die entweder der Kategorie ID1, ID2 oder ID3 angehören.

„Zeige verknüpfte Objekte zu mehreren UND-verknüpften Kategorien, die in der URL übergeben werden“ funktioniert wie der vorige Betriebsmodus, jedoch können mehrere Ka-tegorien übergeben werden. Dieser Modus wird häufig im Zusammenhang mit Link-Modulen verwendet, um Objekte anzuzeigen, die mehreren bestimmten Kategorien angehören. Die Verlinkung erfolgt in der Form …/tabid-ID0/categories-ID1,ID2,ID3/… falls sich das Modul auf Seite ID0 befindet und Objekte angezeigt werden sollen, die sowohl der Kategorie ID1, ID2 als auch ID3 angehören.

Im Modus „Zeige verknüpfte Objekte zu folgenden Kategorien“ können die betreffenden Kategorien im Formular ausgewählt werden. Dieser Modus wird zur Implementierung von Objektlisten nach fest vorgegebenen Kategorien verwendet.
Weiterhin können die Templates für einen Kopf- und Fußbereich, ein Listenelement, ein alternierendes Listenelement sowie ein Template für eine leere Liste („Kein Ergebnis“) gewählt werden.

Die Liste kann mit verschiedenen Filtern modifiziert werden: Die Anzahl der angezeigten au-tomatisch (d. h. auf der Basis von Kategorien) verknüpften Objekte kann begrenzt werden. Es können nur Elemente mit einer bestimmten Typinfo angezeigt werden, beispielsweise nur Pressemeldungen statt aller Artikel.

Weiterhin können nur solche Objekte angezeigt werden, die in einer definierten Beziehung zum Objekt in Detailansicht stehen (Beziehungstyp), z. B. nur Ansprechpartner anstatt aller verknüpften Kontakte. Neue Typinfos und Beziehungstypen können hier auch gleich angelegt werden.

Ab Build 2940 hat gibt es ein neues Eingabefeld „Max. Anzahl manuell verknüpfter Objek-te“ im Bereich Filter. Wie das bereits vorhandene „Max. Anzahl automatisch (kategoriebasiert) verknüpfter Objekte“ Eingabefeld dient es dazu, die Anzahl der in diesem Modul ange-zeigten manuell verknüpften Objekte zu begrenzen.

Beispiel: Wenn 6 Objekte manuell verknüpft wurden und das Eingabefeld auf 4 gesetzt wur-de, werden nur 4 Objekte in diesem verknüpften Modul angezeigt.

Bitte beachten Sie, dass ein Standardwert von 99 Objekten angewandt wird, wenn dieses Eingabefeld leer bleibt, während der Standardwert für automatisch verknüpfte Objekte 0 ist.

Weiterhin ist zu beachten, dass die manuell verknüpften Objekte keinem Paging unterliegen. Die Paging-Seitengröße wird ausschließlich durch den Zahlenwert für die automatisch verknüpften Objekte bestimmt. Manuell verknüpfte Objekte werden zusätzlich zu den automatisch verknüpften Objekten auf der ersten Seite angezeigt.

Zusätzliche Einstellungen betreffen die Anzeige der Bilder. Diese kann zusätzlich zur Liste auch in der Einzelansicht erfolgen. Dazu kann der „Eingebettete Bilder Modus“ gesetzt werden. Die Anzeige manuell verknüpfter Objekte kann unterdrückt werden.


Eine detaillierte Beschreibung der möglichen Customization-Punkte und Templates können Sie bei unserem Partner- und Support-Portal (www.partner.contentxxl.com) finden.