Unicornstudio Einbinden

Download:

• plg_content_unicornstudio.zip Installieren (Joomla 5): Erweiterungen → Installieren → ZIP hochladen. (das Plugin kann mit diesem Prompt aktualisert werden)
• Erweiterungen → Plugins → Content – Unicornstudio aktivieren.
• Optional in den Plugin-Optionen: SDK-Version (Default 1.4.31) Initialisierung: Auto-Scan oder addScene Aspect Ratio, Breite, CSS-Klasse, Lazyload, DPI, Scale, Production

Verwendung im Inhalt:
Der Inhalt muss jeweils in geschweifte Klammern als Shortcode eingebettet sein!

• Minimal: unicorn id="xk9VAaN2hiwjK5P2ZWZx" 
• Mit Overrides: unicorn id="xk9VAaN2hiwjK5P2ZWZx" ratio="16/9" width="100%" class="my-embed" lazy="false" dpi="2" scale="1" production="true" 

Hinweise (wichtig):

• Textfilter:
  Für deinen Account auf „Keine Filterung“ stellen (sonst werden Scripte/Attribute beschnitten).
• CSP: script-src 'self' https://cdn.jsdelivr.net erlauben. Erst testen, dann härten.
• Cache/Minify: Bei Ersttests kurz deaktivieren; danach wieder aktivieren. Yootheme Pro - Custom Code Sektion

Demo anschauen

Optionale Methode:

Folgenden Code direkt in die Custome-Code-Sektion einbinden

Diesen Code in das Element einbinden

Diesen Code mit der jeweiligen ID des Unicorn Studio Objekts in ein HTML Element einbinden. Die Einbettung für Responsive sieht so aus:

Saubere Alternative: „Dynamisch hinzufügen“ (umgeht Auto-Scan) Wenn der Auto-Init (DOM-Scan) bei dir vom Editor/Builder gestört wird, nimm die explizite API: