Grid-System: Anordnung von mehreren Elementen in einer Zeile / Zeta 14.0.1, Business, Producer-Responsive, Stripe-Responsive

    Lieber Zeta-Support, liebe Community,

    in meinem Beitrag von Januar 2017 hatte ich gefragt, ob es eine Möglichkeit gibt, das Verhalten von Elementen in einer Reihe so zu verändern, dass sich die Anzahl der Elemente pro Zeile der jeweils zur Verfügung stehen Bildschirmbreite anpassen bzw. ob/wie es möglich ist, den "Breaking Point" zu verändern

    Hier ein neuer "Erläuterungs-Link": s663564760.online.de

    Durch die schöne Webseite https://www.taste-of-koroni.de/olivenoel.php (4 Artikel in einer Zeile) bin ich (erst jetzt) darauf gekommen, dass es im Zeta-Shop-Modul, bei den Produkt-Artikeln, schon genauso umgesetzt ist.

    Gibt eine Möglichkeit, dieses Verhalten auch bei der Anordnung von "normalen" Widgets (Hinweisboxen, Text, Bilder) zu erreichen. z. B., in dem man dem Container oder der Reihe eine bestimmte Klasse zuweist?


    Liebe Grüße

    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

    Hallo,

    wie Sie auf folgender Demo-Website sehen können, wird auch bereits jetzt skaliert, wenn man das Browser-Fenster schmaler macht:

    http://zpgrid.zeta-producer.com/index.html

    Ab einem bestimmten Punkt wird dann auf 1-spaltige Darstellung umgeschaltet. Dieser "breakpoint" kann aktuell nicht vom Benutzer verändert werden.

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

    PS: die Produktliste, die Sie auf der Olivenöl-Website sehen, stammt nicht von unserem Shop-Modul, sondern wurde per "Quelltext" erstellt ;)

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

    Hallo Stefan,

    vielen Dank für die Infos.

    Die Skalierung auf http://zpgrid.zeta-producer.com/index.htmlist so, dass entweder alle Artikel (verkleinert) in einer Reihe sind oder nur ein Artikel. Ich finde, hier fehlt mindestens ein "Zwischenschritt". Außerdem werden die Bilder, wenn nur 1 pro Zeile angezeigt wird, nicht in voller Breite oder zentriert dargestellt. Im Gegensatz zu den Text- und Hinweisboxen, die über die volle Breite angezeigt werden.

    Das von mir beschriebene "schicke" Verhalten (3-2-1) ist im Zeta-Shop-Modul bereits umgesetzt:

    https://shopdemo.zeta-producer.com/de/shop.php?id=6-schuhe

    Also ist es in Zeta schon vorhanden ... ;)


    Herzliche Grüße

    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

    Hallo,

    da muss ich Sunny, Recht geben.

    Wie lässt sich das also grundsätzlich umsetzen, dass auch Bilder/Fotos wie Text- und Hinweisboxen zentriert angezeigt werden?

    Hallo,

    danke für das Feedback. Werden wir bei der weiteren Entwicklung berücksichtigen.

    Zur Erklärung des aktuellen responsiven Verhaltens von einspaltigen Bildern:

    Im Beispiel auf http://zpgrid.zeta-producer.com/index.html sieht man, dass in der maximalen Desktop-Ansicht die Artikel in 3 Spalten angeordnet sind. Die Ausgabegröße der Bilder wird dann auf diese Größe beschränkt.

    Wenn das responsive Verhalten dann auf 1-Spaltig umschaltet, werden Text-Spalten und Hinweisboxen nicht zentriert, sondern einfach in 100% Breite dargestellt. Bilder würden auch über die gesamte Breite dargestellt werden, wenn die Ausgabedateien entsprechend breit genug wären – siehe letztes Bild auf der Seite.

    Technisch ist also alles möglich, wir müssen uns hier nur eine gute Logik einfallen lassen, die nicht etwa bewirkt, dass immer zu große Bilder veröffentlicht werden, die dann das Laden der Seite verlangsamen würden oder es bewirken würden, dass Bilder unscharf dargestellt werden…

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

    Hallo Stefan,

    danke für die Infos, die mich weiter hoffen lassen ;).

    Was ich aber immer noch nicht verstehe, ist, warum die 3 Fotos, die in einer breiten Bildschirmbreite nebeneinander stehen, in der schmalen Bildschirmbreite nicht, wie das Einzelbild, über die volle (schmale) Seitenbreite angezeigt werden können: http://http//zpgrid.zeta-producer.com/index.html

    Sorry, aber dieses Verhalten mutet für mich wie ein Fehler an.

    Entweder passt sich die Größe der Bilder kontinuierlich an die vorhandene (Rest-)Breite an ("kleinerziehen" geht ja, bis die Anzeige in 1spaltig umbricht) oder nicht.
    Wären es nicht Bild-, sondern Text-Widgets (mit eingefügten Bildern) würde es funktionieren.

    Herzliche 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!

Benutzerkonto erstellen Anmelden