GoogleMap-Kartenausschnitt über volle Seitenbreite und responsive möglich?

  • Hallo Sunny,

    da gibt es in der 13er ein vorgefertigter Inhalt dazu.
    Unter Widget > Inhalte > "Kontakt - Karte randlos"
    Ich denke das sollte das sein, was du suchst, oder?

    Alternativ, kannst du auch dem Widget "Google Maps", die CSS-Klasse "zpBreakout" zuweisen.
    Damit geht es dann auch.

    Gruß
    Jochen

  • Hallo Jochen,

    jaaaa, genau! Super :thumbup: ! Lieben Dank für Deine superschnelle Antwort, und das sonntags!

    Herzliche Grüße und einen schönen Rest-Sonntag
    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo Ronny,
    hab es gerade probiert. Brauchte ein paar Anläufe, mal hier mal da eingefügt. Irgendwann klappte es dann. LINK

    Du kannst es auch mal so probieren. Füge das Widget Anwendungen > Google-Maps ein.
    Gib eine im Widget eine Breite von 6000 Pixeln an. Anschließend gehe auf das Mischpult unten links, dann auf "Mehr". Hier trägst du im Feld CSS-Klasse "zpBreakout" ohne Gänsefüßchen ein.

  • Hallo zusammen,

    bei mir hat es auf Anhieb im Layout "Producer Responsive" funktioniert.

    Es ist das Widget "Kontakt - Karte randlos" unter "SONSTIGES" (!).

    Liebe Grüße
    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hab's gerade nochmal probiert, und es funktioniert - auch mit 2 Maps in 1 Rubrik:

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Folgendes: Wenn ich wie Mario oben beschrieben das Google Maps Widget einsetze, dann funktioniert es nur, wenn man keinen Content in der News Spalte hat.

    Was ich wollte war, den wechselnden Header gegen Google Maps auszutauschen und darunter normalen Content und die Sidebar einblenden.

    Man kann halt nicht alles haben ;)

    Gruß Ronny

  • Hallo Ronny,

    genau das geht bei mir aber auch einwandfrei in dem Layout (im Header-Bereich).
    Versuche ggf. mal die Google Maps direkt im Header einzufügen.

    Gruß
    Jochen

  • Hallo,

    dass ein Maps-Widget in den Header platziert werden kann, ist eher Zufall uns so nicht gewollt. Der header-Bereich ist tatsächlich nur für "Header"-Artikel vorgesehen. Wenn auf einer Seite News-Spalten enthalten sind, kann generell keine "Randlos"-Einstellung greifen, weil diese ja sonst den News-Bereich überlagern würde. Diesbezgl. geben wir sogar Warnungen im Protokoll aus, die darauf hinweisen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Also ich für meinen Teil bin über diese Lösung von Jochen gar nicht so unglücklich und hoffe, das es auch bei einem Update so bleiben wird ;)

    Gruß Ronny

  • Hallo,

    wir können das einfügen beliebiger Widgets im Header-Bereich nicht erlauben, weil die meisten Widgets dafür nicht programmiert sind und eine korrekte Funktion nicht sichergestellt werden kann. Daher werden wir das sicher mit einem der nächsten Updates verhindern.
    Ich denke aber, was mal in der Spalte drin ist, wird auch drin bleiben – das ist aber auf eigenes Risiko.

    Das von uns unterstützte Vorgehen wäre:

    • Alle Artikel aus dem News-Bereich in den Inhaltsbereich verschieben und über das neue Grid-System die Breite und Position entsprechend so anpassen, dass es so aussieht wir vorher mit dem News-Bereich
    • Maps-Widget als 1. Artikel im Inhaltsbereich auf der Seite einfügen und Randlos machen
    • Lücke über dem widget ggf. per Inline-CSS und negativer TOP-Margin entsprechend entfernen

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Es wäre doch aber sinnvoll, wie hier praktiziert, das Google Widget für den Head Bereich freizugeben...

    Das es funktioniert, sieht man ja.

    Gruß Ronny

  • Hallo liebes Zeta-Team,

    das Google-Widget im Header einbauen zu können wäre prima.
    Und es wäre phantastisch, den KenBurns-Effekt auch im Header (ohne "Umweg") nutzen zu können.

    Liebe Grüße
    Sunny ;)

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!