Das Honeygrid- wie auch das Malibu-Template für Gambio GX4 ist zwar responsive, aber das Bild im Content wird nicht so dargestellt und im Handy viel zu breit ausgegeben? Dieses Problem liegt daran, dass die Umsetzung über den Content-Manager noch nicht automatisiert funktioniert. Gambio fügt so das Bild wie ein statisches Bild ein und passt es somit nicht den Display-Größen 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 Bilder, 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 so ein:
Werbung
Möglichkeit 1
YouTube bietet inzwischen auch einen responsiven Code an, der direkt verwendet werden kann. Falls die Darstellung nicht gut ist, bitte „Möglichkeit 2“ nutzen.
Möglichkeit 2
Mit dieser Möglichkeit sollte auch das Video richtig dargestellt werden.
Bei YouTube bitte daran denken, den Datenschutz und Cookie-Consent-Banner anzupassen
Weitere Beiträge
Wer schreibt hier: Torsten Seidel
Gambio Shop-Einrichtung und Pflege
Mehr über den Autor...