Bilder und Videos im Responsiven Gambio-Templates richtig darstellen

Das Honeygrid-Template für Gambio GX3 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

1. Gehen Sie in den Content-Manager (oder auch zu den Produkten wenn da breite Bilder in der Beschreibung vorhanden sind)
2. Bild anklicken und die Eigenschaften öffnen
3. Als Formatvorlagenklassen muss folgender Wert eingetragen werden: img-responsive
4. Bei Style die Bild-Größe, die nach den Upload automatisch hinterlegt ist.
5. Bei Bilder welche die volle Breite haben, muss das Feld „Style“ leer bleiben!

 

YouTube-Videos

…fügen Sie so ein:

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.

 

Bisher wurde der Artikel 5.639 mal gelesen. Vielen Dank.