Erstellung eines Immobilien-Teasers

Ein Teaser-Inhaltselement gibt eine Vorschau von Immobilien-Objekten. Dies können ein oder mehrere Immobilien-Objekte sein, die Teaser können auf der Startseite oder auch in einer Sidebar angezeigt werden und können beliebig sortiert werden.

Technisches:

Dieses Plugin verwendet das Fluid-Template: openimmo/Resources/Private/Templates/Immobilie/Teaser.html

Jedes einzelne Immobilien-Teaser-Element innerhalb dieses Templates verwendet das Fluid-Partial: openimmo/Resources/Private/Partials/Immobilie/TeaserListItem.html

  1. Wechseln Sie in das Seiten-Modul und öffnen Sie die Seite, auf der Sie gerne ein Teaser-Element erstellen möchten.
  2. Klicken Sie im entsprechenden Inhaltsbereich auf Neues Inhaltselement erstellen und wählen Sie das Plugin vom Typ OpenImmo - Teaser.
  3. Auf dem Reiter Plug-In finden Sie wie gewohnt die Erweiterungseinstellungen - hier wollen uns zunächst den Reiter General ansehen, welcher wie folgt aussieht:

    Allgemeine OpenImmo Teaser-Plugin Einstellungen

    • Headline: Hier können Sie die Überschrift für Ihren Immobilien-Teaser festlegen.
    • List limit: Hier können Sie angeben, wieviele Immobilien-Teaser-Elemente angezeigt werden sollen. Wenn Sie hier 0 eingeben, werden alle verfügbaren Immobilien angezeigt.
    • Page for the detail view: Hier können Sie angeben, auf welcher Seite die Details der Immobilie angezeigt werden, wenn ein Besucher auf den Teaser klickt. Wenn hier keine explizite Seite angegeben wurde, so wird geprüft ob über die TypoScript-Konstanten eine standard Detailseite definiert wurde. Ist das der Fall, so werden die Immobilien-Details auf dieser Seite angezeigt. Wenn über die Konstanten auch keine Seite zugewiesen wurde, so wird einfach versucht die Immobilie auf der aktuellen Seite anzuzeigen.
  4. Auf dem Reiter Sorting haben Sie die Möglichkeit auszuwählen, welche Immobilien zuerst angezeigt werden - also die Sortierung.

    Sortierung der OpenImmo Immobilien-Teaser

    • Sort by field: Hier können Sie angeben, nach welchem Feld sortiert werden soll.
    • Sort ascending/descending: Dieses Feld legt fest, ob aufsteigend oder absteigend sortiert werden soll.

    Die Einstellung von Stand vom und absteigend würde somit die neusten drei Immobilien anteasen.

Einstellungen

Mit Hilfe von TypoScript-Konstanten können Sie die Größe des Immobilien-Bildes beeinflussen. Hierfür wurden zwei Konstanten angelegt (genauere Informationen zu diesen Konstanten finden Sie hier).

themes.configuration.extension.openimmo.teaser.image.width = 260px
themes.configuration.extension.openimmo.teaser.image.height = 

Diese beiden Konstanten werden über die Settings an das Fluid-Template weitergegeben und sagen dem f:image wie groß das Bild sein soll. Wenn, wie in dem letzten Beispiel zu sehen, einer der beiden Werte leer gelassen wird, so berechnet sich die Bildgröße proportional zu dem angegebenen Wert.

Weitere TYPO3 Erweiterungen
Unser Komplettangebot finden Sie unter
www.coding.ms