Als wir Version 7 des GemPages Editors veröffentlichten, war das ein großer Fortschritt – nicht nur in Bezug auf die Leistung, sondern auch in Bezug auf die Art und Weise, wie Händler Inhalte erstellen. Hinter jeder Landingpage, jeder Produktkarte und jedem Bundle-Layout verbirgt sich jedoch eine Konstante: die Elementeinstellungen.
Und mit der Zeit begannen diese Einstellungen ihr Alter zu zeigen.
Im letzten Jahr haben wir mit Händlern gesprochen, und eines kam immer wieder zur Sprache: Sie wussten, was sie bauen sollten – aber die Einstellungen machten es schwieriger als nötig. Also fragten wir uns:
Wie würden Elementeinstellungen aussehen, wenn sie darauf ausgerichtet wären, Sie denken Sie – nicht nur, wie der Code funktioniert?
Diese am 29. Juli 2025 veröffentlichte Version ist unsere Antwort.
Wir haben uns darauf konzentriert, das Erstellen reibungsloser und intuitiver zu gestalten – mit wichtigen Updates für neue UI-Muster und neues Einstellungsverhalten. Diese sollen Reibungsverluste bei alltäglichen Aufgaben reduzieren und die Art und Weise, wie Händler erstellen, besser unterstützen.
Hier sind die Upgrades, die das Bauerlebnis in GemPages verbessern werden:
1. Klarere Trennung von Stil- und Layout-Steuerelementen
Lange Zeit verwendete der Element-Inspektor in GemPages ein Zwei-Registerkarten-System – eine für die Formatierung und eine für die Anpassung der Elementdarstellung auf der Seite. Das funktionierte zwar, aber es war nicht immer klar, wo man anfangen sollte. Manche Nutzer übersprangen wichtige Einstellungen, weil sie nicht wie erwartet angezeigt wurden.
So haben wir es verbessert:
In diesem Update haben wir die Struktur mit zwei Registerkarten beibehalten, aber ihre Rollen klarer definiert.
- Die Registerkarte „Einstellungen“ konzentriert sich nun ausschließlich auf die visuelle Präsentation eines Elements, einschließlich Typografie, Farbe, Hintergründe, Rahmen und Bilder. Diese Steuerelemente gelten für die Hauptinhaltsbereich des Elements.
- Die Registerkarte „Erweitert“ verwaltet das Verhalten des Elements und seine Einpassung in das Layout, einschließlich Abstand, Ausrichtung, Positionierung, Sichtbarkeit und responsiver Anzeige. Diese gelten für die Außenbehälterden Begrenzungsrahmen, des Elements.
Was dies für Sie bedeutet:
Durch die klare Trennung des visuellen Designs von der strukturellen Platzierung sorgt dieses Update für mehr Klarheit und Kontrolle in Ihrem Arbeitsablauf.
Sie müssen nicht mehr rätseln, wo sich eine Einstellung befindet, oder zwischen Bedienfeldern wechseln, um entsprechende Änderungen vorzunehmen. Visuelle Stilelemente – wie Typografie, Farben und Bilder – sind dort gruppiert, wo sie hingehören. Steuerelemente für Abstand, Ausrichtung und Sichtbarkeit sind logisch angeordnet und werden erst angezeigt, wenn Sie sie benötigen.
Diese verbesserte Struktur trägt dazu bei, die kognitive Belastung zu verringern, Nacharbeit zu minimieren und ermöglicht es Ihnen, sich auf die Erstellung von Seiten zu konzentrieren, die sowohl optisch konsistent als auch strukturell solide sind.
2. Neue Benutzeroberfläche mit einem besser lesbaren Scanmuster
| Altes Design | Redesign |
 |
 |
In früheren Versionen des Elementinspektors variierte die Struktur der Steuerelemente je nach Einstellung. Einige verwendeten vertikale Stapel, andere kombinierten Beschriftungen und Werte auf inkonsistente Weise. Mit zunehmender Anzahl hinzugefügter Einstellungen wurde das Bedienfeld unübersichtlicher – insbesondere bei schnellem Arbeiten oder der Bearbeitung mehrerer Elemente hintereinander.
So haben wir es gelöst:
Ein konsistentes Scanmuster von links nach rechts.
Jede Einstellung auf dieser Registerkarte folgt jetzt einem klaren Muster von links nach rechts: Bezeichnung → Wert.
Auf den ersten Blick ist es eine kleine Änderung. Aber wenn man Dutzende von Elementen bearbeitet, baut sich diese Konsistenz auf VertrauensSie müssen nicht von einem Block zum nächsten neu lernen, wie die Einstellungen strukturiert sind. Ihr Auge weiß, wohin es geht.
Dieses Muster verbessert nicht nur die Skalierbarkeit, da mehr Einstellungen eingeführt werden – es trainiert die Benutzer auch darin, effizienter im Editor zu navigieren, und hilft sowohl Anfängern als auch erfahrenen Teams, schneller und mit weniger Fehlern voranzukommen.
Verschachtelte Einstellungen in Popovers.
Manche Einstellungen beschränken sich nicht auf einen einzelnen Wert, sondern umfassen mehrere zugehörige Steuerelemente. Bisher wurden diese zusätzlichen Optionen inline angezeigt, wodurch das Einstellungsfenster schnell erweitert wurde und die Benutzeroberfläche unübersichtlich wirkte.
Um diesem Problem zu begegnen, haben wir eine neue Struktur eingeführt: verschachtelte Einstellungen in Popovers.
Ein Klick auf eine Einstellung wie „Rahmen“ öffnet ein übersichtliches, fokussiertes Popover – ein schwebendes Modal neben dem Panel –, das nur die relevanten Steuerelemente anzeigt. Diese Popover können bis zu drei Tiefenebenen umfassen, wobei jede untergeordnete Gruppe nur bei Bedarf geöffnet wird.
Was dies für Sie bedeutet:
- It hält das Haupteinstellungsfenster übersichtlich, wobei standardmäßig nur Optionen der obersten Ebene angezeigt werden.
- It reduziert Überforderung, insbesondere für neuere Benutzer, die nicht alle erweiterten Einstellungen im Voraus benötigen.
Indem die Komplexität verborgen bleibt, bis sie benötigt wird, lässt sich der Editor leichter überfliegen und schneller navigieren – ohne Leistungseinbußen.
3. Neues Verhalten der Einstellungen
Dieses Update auf Version 7 führt neue Einstellungstypen ein und verfeinert das Verhalten einiger vorhandener Einstellungen – wodurch Interaktionen schneller, klarer und einfacher zu steuern sind.
Viele Einstellungen folgen nun dem Muster „Klicken zum Hinzufügen, Klicken zum Entfernen“. Anstatt mit einem leeren Feld zu beginnen, wird durch Klicken auf ein Steuerelement automatisch ein Standardwert eingefügt. Von dort aus können Sie ihn mit einem einzigen Klick anpassen oder entfernen.
Diese einfache Interaktionsänderung reduziert den manuellen Aufwand, der oft mit der Einrichtung verbunden ist. Sie bietet Ihnen eine klare Ausgangsbasis ohne Rätselraten – so können Sie sich auf die Anpassung konzentrieren, anstatt von Grund auf neu zu erstellen.
Warum es wichtig ist
Durch die automatische Anwendung von Standardwerten entfernt der Editor unnötige Schritte und hält Ihren Arbeitsablauf in Gang.
Sie treffen Entscheidungen schneller, reduzieren wiederholte Eingaben und vermeiden, durch Einstellungen ausgebremst zu werden, die keiner umfassenden Anpassung bedürfen.
Was hat sich im Einstellungsbereich geändert?
| Einstellungen | Altes Design | Redesign |
|---|---|---|
| Layout: Verschachtelte Einstellungen werden jetzt in einem Popover gruppiert, das nur die übergeordnete Bezeichnung und ihren aktuellen Wert anzeigt. |
 |
  |
| Hintergrund: Die aktualisierte Hintergrundeinstellung bietet Ihnen mehr Flexibilität, indem neben Farbe und Bild Video als neue Option hinzugefügt wird. |
 |
 |
| Form: Die Rahmeneinstellungen werden in einem Popover angepasst, einschließlich der folgenden Einstellungen:
|
 |
|
| Polsterung: In älteren Versionen wird die Polsterung manchmal auf der Registerkarte „Einstellungen“ oder „Erweitert“ platziert. In diesem Update wurde die Polsterung auf die Registerkarte „Einstellungen“ verschoben. |
|
|
| Ausrichtung: Die Ausrichtungseinstellung befindet sich jetzt unten im Editorbereich, unter „Größe“ und „Hintergrund“. |
 |
 |
Elementeinstellungen nach Typ durchsuchen
Damit Sie schneller navigieren können, finden Sie hier eine kategorisierte Liste aller Elemente, die im aktualisierten Editor unterstützt werden.
Jeder Link führt Sie zu einem speziellen Artikel mit Einzelheiten zur Funktionsweise des Elements und zur Konfiguration seiner Einstellungen.
1. Basiselemente
2. Interaktive Elemente
3. Medienelemente
4. Produktelemente
- Produkt
- Product List
- Schaltfläche „Warenkorb“
- Produkttitel
- Produktpreis
- Produktvergleich Preis
- Produktbeschreibung*
- Produkt Mehr anzeigen
- Dynamische Produkt-Kaufabwicklung
- Produktmenge
- Produktanbieter
- Produkt-SKU
- Artikelbild
- Produktvariante und Swatch
- Produktabzeichen
- Produktrabatt-Tag
- Produktbestandszähler
- Sticky In den Warenkorb legen
- Produktdatei-Upload
- Produkt-Bundle
- Benutzerdefiniertes Produktfeld
5. Artikelelemente
- Artikelliste
- Artikelbild
- Artikelüberschrift
- Artikelauszug
- Artikelinhalt
- Artikeldatum
- Artikel Autor
- Artikel Kategorie
- Artikel-Tag
- Artikel Weiterlesen
Vielen Dank für Ihre Kommentare