GX-Customizer Bereiche untereinander?

Hallo und Guten Tag,
wie kann ich bitte im GX-Customizer verschiedene Bereiche einzeln untereinander positionieren und nicht als Tab nebeneinander? Ähnlich wie im Screenshot 2.
Vielen Dank

 

Niemand eine Idee?

 

Hallo,

vor diesem Problem stehe ich leider auch und hab bisher keine Lösung gefunden.

Dass der Aufbau aber so ähnlich aussehen kann, zeigt dieser Gambio-Shop: (Link nur für registrierte Nutzer sichtbar.)

 

Die Eingabefelder können pixelgenau positioniert werden. Entweder er Drag&Drop oder mittels der Eingabefelder zur Positionierung. Also es bleibt bei einem Bereich, auf dem mehrere Elemente positioniert werden.

 

@macra
Bei deinem Beispiel wurde das Eingabefeld mit CSS positioniert.
Das geht auch mit mehreren Eingabefeldern.
Oder du baust eigene Eingabefelder ins Design und füllst mit Javascript die eigentlichen Eingabefelder die du in der Artikelansicht verstecken kannst.

 

Danke für die Info.
Wo kann ich denn im StyleEdit hierzu die Schriften und Farben bearbeiten?

 

Das geht nur über direkte CSS-Werte.
Im Style-Editor gibt es keinen Bereich für den Customizer.
Hier ein paar Werte (nur ein Auszug) aus den Beispiel-Link:

Code:

.gm_gprint_surface {
    background-color: transparent;
    border: 0 solid #ccc;
    color: #000;
    font-size: 12px;
    width: 100%;
}
#element_container_3 {
    position: absolute !important;
    top: 0;
    left: 35% !important;
    z-index: 0;
    width: 99% !important;
}

Da must du aber Erfahrung für CSS mitbringen...