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
Composer
Contao-Manager
GitHub
$ composer require contao-estatemanager/virtual-tour
Ü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:
Hier finden Sie eine Übersicht neuer (🟢), sowie erweiterte (🔵) Module.
🔵 Liste
🔵 Ergebnisliste
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 Rundgang
in der Palette Templates-Einstellungen
ausgewählt werden.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 Rundgang
in der Palette Templates-Einstellungen
ausgewählt werden.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
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.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 ein
CustomEvent
registriert und kann nach Bedarf entgegengenommen werden.virtualtour.onClickPreview
document.addEventListener('virtualtour.onClickPreview', function(e){
// Do something
console.log(e.detail);
});
Für diese Erweiterung ist eine Lizenz erforderlich. Zum Erwerb einer Lizenz folge bitte den Schritten unter Lizenzen.
Last modified 2yr ago