Bilder und Videos im Responsiven Gambio-Templates richtig darstellenLesezeit ~ 1 Min.

Beitrag aktualisiert am 25. März 2022

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

  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 dem Upload automatisch hinterlegt ist.
  5. Bei Bilder, welche die volle Breite haben, muss das Feld „Style“ leer bleiben!
  6. Wenn nötig: „img-responsive center-block“ – wenn das Bild mittig / zentriert angezeigt werden soll.
Bildeigenschaften, responsive Honeygrid

YouTube-Videos

…fügen Sie so ein:


Werbung Estugo Logo mit Tel. Nr., weiss

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

Video einfügen

Mit dieser Möglichkeit sollte auch das Video richtig dargestellt werden.

Bei YouTube bitte daran denken, den Datenschutz und Cookie-Consent-Banner anzupassen

Anonyme Umfrage: Gendersensible Sprache

Schreibe einen Kommentar