Individuelle Platzierung des Sovido Players im Shopware 5 Plugin

Mit dem Release von Shopware 5 haben wir erkannt, dass viele unserer Kunden Ihre Shop-Templates immer stärker individualisieren. Bei der Entwicklung des Shopware 5 Plugins haben wir uns deshalb überlegt, dass wir nur noch 2 Standardpositionen zur Dartstellung der Videos anbieten werden (Beschreibungstext und Reiter). Diese beiden Positionen funktionieren mit den meisten Shopware 5 Templates. Sollte keine dieser Positionen für Sie passen, haben wir für Sie nun die individuelle Platzierung als Position im Plugin eingeführt.

Screenshot-2016-02-11-15-10-23

Wählen Sie hierzu in dem Plugin unter dem Punkt Position im Dropdow-Menü die Option 'Eigenständig' aus und speichern Sie Ihre Einstellungen. Bei dieser Art der Einbindung ist es dem Template-Ersteller freigestellt, an welcher Stelle er das Video im Shop-Template einsetzt. Hierfür wird lediglich eine Zeile Code benötigt:

<div class="sovido-video" 
	 data-account="{$sovidoConfig.accountId}"
     data-embed-code="{$sArticle.articleID}-{$sovidoConfig.projectId}"
     style="margin: auto;">
</div>

Alternativ kann das Video auch über eine Lightbox eingebunden werden:

<div class="sovido-video"
	 data-lightbox
     data-account="{$sovidoConfig.accountId}"
     data-embed-code="{$sArticle.articleID}-{$sovidoConfig.projectId}"
     style='width: 200px;'>
</div> 

Weitere Infos zu der Lightbox finden Sie in unserem Lightbox Artikel

Das Plugin übernimmt natürlich weiterhin die Bereitstellung der Video-Sitemap, die Möglichkeit Widgets in den Shoppingwelten einzusetzen und die Anfragen an unser System für die Videointegration.

Noch ein Hinweis: Bei der Anfrage an unsere API, ob für den aufgerufenen Artikel ein Video vorhanden ist, liefert uns JS Code ein Event an den Browser zurück. Sobald ein Video verfügbar ist, wird das Event sovidoPlayerLoaded gefeuert und das Video in dem dafür vorgesehenen DIV geladen. Hier sehen Sie eine Möglichkeit das Event abzufangen und an den eingebundenen Player zu gelangen.

document.addEventListener('sovidoPlayerLoaded', function (e) {
  var myPlayer = videojs(e.target);
}, false); 
```
Sollten Sie Fragen haben, so bin ich unter [dirk@sovido.de](mailto:dirk@sovido.de) erreichbar.