Bilder und Videos in Gambio responsive darstellen
Das Honeygrid- wie auch das Malibu-Template für Gambio GX4 ist zwar responsive, aber Bilder im Content werden nicht so dargestellt und im Handy viel zu breit ausgegeben. Dieses Problem liegt daran, dass die Umsetzung über den Content-Manager bislang nicht automatisiert funktioniert. Gambio fügt so das Bild wie ein statisches Bild ein und passt es somit nicht der Display-Größe an. Gambio hat aber bereits CSS-Klassen für Bilder, die responsive dargestellt werden, vorgesehen. In dieser Schnell-Anleitung möchte ich einmal darauf eingehen.
Die Lösung
- Gehen Sie in den Content-Manager (oder auch zu den Produkten, wenn da breite Bilder in der Beschreibung vorhanden sind)
- Bild anklicken und die Eigenschaften öffnen
- Als Formatvorlagenklassen muss folgender Wert eingetragen werden: img-responsive
- Bei Style die Bild-Größe, die nach dem Upload automatisch hinterlegt ist.
- Bei Bildern, welche die volle Breite haben, muss das Feld „Style“ leer bleiben!
- Wenn nötig: „img-responsive center-block“ – wenn das Bild mittig / zentriert angezeigt werden soll.
YouTube-Videos
Fügen Sie Videos ein, den sie bei einem Video unter „Video Einbetten“ erhalten. Denken Sie an die Datenschutzoption.
Setzen Sie den Code im HTML-Modus an die gewünschte Position und ersetzen Sie die Breite mit „100%“.
Mit dieser Möglichkeit sollte auch ein Video in allen Endgeräten richtig dargestellt werden.
Bei YouTube bitte daran denken, den Datenschutz und Cookie-Consent-Banner anzupassen