Ankündigung

Einklappen
Keine Ankündigung bisher.

Teaserbox

Einklappen
Dieses Thema ist geschlossen.
X
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Teaserbox

    Hallo
    Wenn ich das Teaserbox-Modul abwechselnd mit:
    «Bild links | Text rechts»
    «Text links | Bild rechts»
    «Bild links | Text rechts»
    etc. aufliste.

    Werden die Bilder und Texte im
    Mobile-Ansicht
    «Bild»
    «Text»
    «Text»
    «Bild»
    etc. dargestellt.

    Gibt es eine Möglichkeit im Mobile
    «Bild»
    «Text»
    «Bild»
    «Text»
    so darzustellen?

    Danke für einen Hinweis :-)


  • #2
    Kein Hinweis?

    Kommentar


    • #3
      Du kannst für mobil eigene Elemente anlegen und die Sichtbarkeit mit Hilfe der "only-mobile" Klasse steuern.
      http://www.premium-contao-themes.com

      Kommentar


      • #4
        Genau das wollte ich vermeiden ;-)
        Elemente duplizieren, «Bild links | Text rechts» umstellen, Abstände anpassen und mit hide-mobile und only-mobile steuern etc.
        ... ist etwas umständlich, besonders wenn Text und Bildänderungen anstehen.

        Bei «Background-Image/Color» werden
        «Bild»
        «Text»
        «Bild»
        «Text»
        schön abwechselnd dargestellt

        Kommentar


        • #5
          Dazu muss das gesamte Element auf Flex umgebaut werden.
          Am Besten in der customize.css ergänzen. Ggf. die Klassen je nach verwendetem Setting anpassen. Ich hab hier mal ein Bsp. für die Teaserbox 30/70:

          HTML-Code:
          .ce_teaserbox .ce_teaserbox_inside {
              align-items: center;
              display: flex;
              flex-wrap: wrap;
          }
          
          .ce_teaserbox.width_image_30 .image_wrapper {
              flex: 0 0 30%;
          }
          
          .ce_teaserbox .image_wrapper, .ce_teaserbox .text_wrapper {
              display: block;
          }
          
          @media only screen and (max-width: 767px) {
              .ce_teaserbox.width_image_30 .image_wrapper {order: 2; flex: 0 0 100%;}
              .ce_teaserbox .image_wrapper, .ce_teaserbox .text_wrapper {order: 1;}
          }
          Ich hab ein Feature-Request erstellt. Wir werden das im nächsten größerem Eclipse-Update generell auf Flex umbauen.

          Schöne Grüße
          ​Tom
          *********************
          Neu: Kostenloser Contao Installer 3.0
          *********************
          Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

          Kommentar


          • #6
            Was spricht dagegen sich ein zweites customelement_teaserbox Template anzulegen, quasi customelement_teaserbox_bild_links/rechts und dort einfach nur die Reihenfolge der Bildausgabe tauschen? Im Element wählt man dann einfach das Ausgabetemplate.
            http://www.premium-contao-themes.com

            Kommentar


            • #7
              Hallo Tom

              Habe EclipseX auf 3.0 aktualisiert.
              Leider verhalten sich die Teaser-Boxen noch wie in Version 2
              Oder hab ich was übersehen?

              Ich hab ein Feature-Request erstellt. Wir werden das im nächsten größerem Eclipse-Update generell auf Flex umbauen.

              Kommentar


              • #8
                Hi, das Feature ist im Release-Plan von EclipseX 3.1
                http://www.premium-contao-themes.com

                Kommentar

                Lädt...
                X