Shopware 5 Plugin: Eigenständige Platzierung

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 eine neue Playerposition eingebaut. Sie nennt sich "Eigenständig" und wie der Name schon sagt, können Sie die Position Ihres Video-Players flexibel selbst festlegen.

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.