WebSite X5Help Center

 
Daniel W.
Daniel W.
User

Fehler bei Objekt "Accordion Image" (22 Credits) in Mobil- Vorschau  de

Author: Daniel W.
Visited 71, Followers 1, Shared 0  

Ich habe gerade im Marketplace das neue Objekt "Accordion Image" (22 Credits) gesehen.

In der Vorschau bei mobiler Ansicht sieht es "schrecklick" aus, siehe

-----

Posted on the
3 ANSWERS
Daniel W.
Daniel W.
User
Author
Best User of the month DEBest User of the month EN

Wenn im Desktop-Modus 3 Objekte nebeneinander sind, dann wird es richtig dargestellt.

-----

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Author
Best User of the month DEBest User of the month EN

TIPP:

Wer sich den Kauf des Objekts "Accordion Image" (22 Credits) sparen will und bereits das Objekt "Accordion Text & FAQ" hat, kann mit CSS-Code ganz einfach Text und Bild nebeneinander setzen.

Meine Testseite >> https://findelinks.de/123test-aufklappmenue-2/faq.html

----- Screenshot: Objekt "Accordion Text & FAQ" -----

-----

Kleine Anleitung:

Im Raster das Objekt "Accordion Text & FAQ" markieren und oben auf "Code" klicken, dann in die leere 2. Zeilen diesen CSS-Code einfügen, siehe

----- CSS-Code auf meiner Testseite -----

@media (min-width: 720.0px) {
.ac-panel {
display: flex; /* Flexbox aktivieren */
justify-content: space-between; /* Elemente an die Ränder schieben */
align-items: center; /* Elemente vertikal zentrieren (optional) */
width: 100%; /* Breite des Containers */
}
.ac-text {
/* Optional: Breite festlegen, falls nötig */
flex: 1;
}
img {
/* Bildgröße anpassen, falls nötig */
max-width: 50% !important;
height: auto;
}
}

----- Screenshot -----

-----

Anmerkungen:

1) Bei 2 Objekten in 1 Rasterzeile nebeneinander z.B. min-width: 1150.0px verwenden.

2) Für den Mouseover-Effekt noch diese Code hinzufügen und evtl. die Farben ändern, siehe

----- Zusätzlicher CSS-Code -----

    .ac-header:hover{ background-color:yellow !important; }
    button:hover { color: magenta !important; }

-----

3) Bei Bedarf die Einstellungen im CSS-Code an die gewünschten Text-/Bild-Proportionen anpassen.

4) Evtl. beim neuen Objekt "Accordion Image" per zusätzlichem CSS-Code den Fehler beheben.

5) Ohne CSS-Kenntnisse auf die Korrektur von Incomedia fürs Objekt "Accordion Image" warten.

Read more
Posted on the from Daniel W.
Incomedia
Eric C.
Incomedia

Hello Daniel,
this is an error occurring with projects that have more than 4 breakpoints, the standard display of the object on mobile devices is different.
We will soon release a fix so that even with projects with a higher amount of breakpoints it will be correctly displayed.
I remain available.

Online translation:

Hallo Daniel,
dies ist ein Fehler, der bei Projekten mit mehr als vier Haltepunkten auftritt. Die Standarddarstellung des Objekts auf Mobilgeräten weicht davon ab.
Wir werden in Kürze ein Update veröffentlichen, das die korrekte Anzeige auch bei Projekten mit einer höheren Anzahl an Haltepunkten gewährleistet.
Ich stehe Ihnen weiterhin zur Verfügung.

Read more
Posted on the from Eric C.