Virtuelle Tour
Contao EstateManager Erweiterung
Die Virtual Tour Erweiterung ermöglicht das entgegennehmen und darstellen von 3D-Rundgängen bekannter Drittanbieter. Folgende Drittanbieter werden dabei bereits unterstützt:
    Ogulo
    Immoviewer
Um beliebige Drittanbieter unterstützen zu können, werden Links, welcher der Immobilie zugewiesen sind und mit folgenden Subdomains übertragen / eingerichtet wurden, ebenfalls als 3D-Rundgang erkannt.
    3d.*
    360.*
    360grad.*
Darüber hinaus, steht nach der Installation dieser Erweiterung ein weiteres Immobilien-Feld zur Verfügung, welches unabhängig vom Drittanbieter oder der URL, den dort eingetragenen Link als virtuellen Rundgang erkennt:
    Virtueller 3D-Rundgang

Installation

Composer
Contao-Manager
GitHub
1
$ composer require contao-estatemanager/virtual-tour
Copied!
Über die Suche des Contao-Manager kann der Begriff EstateManager oder virtual-tour gesucht werden. Anschließen wählt man das Paket Contao EstateManager Virtueller 3D-Rundgang über die Schaltfläche "hinzufügen" aus und klickt zum installieren über den Reiter "Pakete" auf die Schaltfläche "Änderungen anwenden". Eine detaillierte Anleitung wie man mit dem Contao-Manager arbeitet findest du hier.
Installation direkt über GitHub:
Nach der Installation muss das Contao-Installtool aufgerufen und die Datenbank aktualisiert werden.

Module

Hier finden Sie eine Übersicht neuer (🟢), sowie erweiterte (🔵) Module.
🔵 Liste
🔵 Ergebnisliste
Erweitert die Liste um folgende Einstellungen.
Einstellungen
🔹
Virtuellen Rundgang hinzufügen
Fügt für jeder Immobilie in der Liste die Möglichkeit hinzu, den virtuellen Rundgang zu öffnen. Die neue Einstellung befindet sich in der Palette Immobilien Erweiterung .
Template
🔸
real_estate_itemext_virtual_tour_default
Das Template muss über das Feld Immobilien Template Erweiterung: Virtueller Rundgangin der Palette Templates-Einstellungen ausgewählt werden.
Erweitert die Ergebnisliste um folgende Einstellungen.
Einstellungen
🔹
Virtuellen Rundgang hinzufügen
Fügt für jeder Immobilie in der Liste die Möglichkeit hinzu, den virtuellen Rundgang zu öffnen. Die neue Einstellung befindet sich in der Palette Immobilien Erweiterung .
Template
🔸
real_estate_itemext_virtual_tour_default
Das Template muss über das Feld Immobilien Template Erweiterung: Virtueller Rundgangin der Palette Templates-Einstellungen ausgewählt werden.

Exposé-Module

Hier finden Sie eine Übersicht neuer (🟢) und erweiterte (🔵) Exposé-Module.
🟢 Virtueller-Rundgang
🔵 Galerie
Das Exposé-Modul Virtueller-Rundgang ermöglicht die Ausgabe einer Schaltfläche zum öffnen des virtuellen Rundgangs.
Einstellungen
🔹
Text
Ermöglicht die Ergänzung eines beliebigen Textes.
🔹
Ausblenden bei keinen Ergebnissen
Dieses Modul wird nur ausgegeben wenn ein virtueller Rundgang zum darstellen gefunden wurde.
Template
🔸
expose_mod_virtualTour
Erweitert das Exposé-Modul Galerie um eine weitere Galerie-Kategorie (Virtueller-Rundgang). Des Weiteren wird eine neue Palette (Virtueller-Rundgang Einstellungen) erzeugt um folgende Einstellungen vornehmen zu können.
Einstellungen
🔹
Vorschaubild verwenden
Gibt ein Vorschaubild aus. Sofern kein eigenes Bild ausgewählt wurde, wird das Titelbild der Immobilie verwendet.
🔹
Eigenes Vorschaubild
Hier können Sie ein eigenes Vorschaubild definieren.
Bitte beachte das mitgelieferte JavaScript-Template für die Verwendung von Vorschaubildern.
Template
🔸
expose_mod_virtual_tour_gallery_default

Status-Token

Die Liste von vorhandenen Status-Token wird um den Virtuellen-Rundgang Status-Token ergänzt und steht anschließend überall dort zur Verfügung, wo Status-Token ausgegeben werden können.

JavaScript-Templates

Hier finden Sie eine Übersicht neuer JavaScript-Templates.
🟢 Virtueller Rundgang
Um den virtuellen Rundgang bei Verwendung eines Vorschaubild nicht direkt einzubinden (da diese zum Beispiel bei verschiedenen Anbietern mit Musik unterspielt werden), bindet das mitgelieferte JavaScript-Template die Zielseite erst nach Klick auf das Vorschaubild ein.
Template
🔸
js_realestatevirtualtour
Events
Um von außen bei Klick auf das Vorschaubild Einfluss nehmen zu können, wird einCustomEvent registriert und kann nach Bedarf entgegengenommen werden.
    virtualtour.onClickPreview
1
document.addEventListener('virtualtour.onClickPreview', function(e){
2
// Do something
3
console.log(e.detail);
4
});
Copied!

Lizenz

Für diese Erweiterung ist eine Lizenz erforderlich. Zum Erwerb einer Lizenz folge bitte den Schritten unter Lizenzen.
Last modified 8mo ago