Artikel über: Widgets

Was ist mit dem Widget-Editor passiert

Suchst du die Schaltfläche Anpassen oder die Seite Widget? Die Gestaltung findet jetzt auf der Seite Design statt: Gehe zu Supr Bundles & Subscriptions > Design.

Dein Abonnement-Widget und deine Bundle-Optionen wurden früher getrennt gestaltet, Design für Design, jedes auf einer eigenen Seite. Damit beide wie aus einem Guss aussahen, musstest du jede Entscheidung zweimal treffen, und ein anderes Design auszuprobieren hieß, von vorn anzufangen.

Jetzt teilen sie sich auf der Seite Design eine gemeinsame Gruppe von Einstellungen. Das ist das einheitliche Widget-Erlebnis. Der Menüpunkt, der früher Widget hieß, heißt jetzt Design, und alte Links zum Editor eines einzelnen Designs öffnen die Seite Design.

An der Optik deiner Widgets hat sich dadurch nichts von selbst geändert. Deine Einstellungen sind genau da, wo sie waren, und deine Produktseiten bleiben unverändert, bis du dich entscheidest, etwas anzupassen.

Wenn du Supr Bundles & Subscriptions erst vor Kurzem installiert hast, ist dieser Artikel eher Geschichte als Neuigkeit: Für dich gab es immer nur einen Ort, an dem du die Widgets in deinem Shop gestaltest, und das ist die Seite Design.

Inhaltsverzeichnis

Wohin alles umgezogen ist
Der Umstieg auf das einheitliche Widget-Erlebnis
Dein vorheriges Design wiederherstellen
Schriften
Eigene Designs von unserem Team
Häufige Fragen
Verwandte Anleitungen

Wohin alles umgezogen ist

Alles, was der alte Editor konnte, findest du auf der Seite Design, und es gilt jetzt für alle Designs gleichzeitig statt nur für eines:

Die Auswahl eines Designs findest du ganz oben im Abschnitt Design: Klicke neben dem Abonnement-Widget oder dem Bundle-Widget auf Ändern, um die Galerie zu öffnen.
Farben findest du im Abschnitt Farben. Wähle eine Farbe, und die ausgewählte Option, die Rahmen, die Optionsfelder und die Badges richten sich alle danach.
Eckenrundung und Rahmenstärke findest du im Abschnitt Form. Der Innenabstand jeder Option, der Abstand zwischen den Widgets und der Raum um das ganze Widget liegen direkt darunter im Abschnitt Abstände.
Die Schrift beider Widgets findest du im Abschnitt Schrift. Steht sie auf Folgt deinem Theme, verwenden sie die Schriften deines Themes.
Die Gestaltung einzelner Elemente, also Farbe, Textgröße und Schriftstärke jedes Teils, findest du unter Elemente, eine Zeile pro Teil. Dort kannst du Teile auch ein- oder ausblenden.
Eigenes CSS folgt direkt nach Elemente (Eigenes CSS). Es gehört zu deinem Shop und nicht zu einem einzelnen Design, bleibt also beim Designwechsel erhalten.
Texte findest du in der Karte Beschriftungen unter den Einstellungen, einschließlich der Zusätze zur Lieferhäufigkeit, des Preises pro Einheit und der Optionszeile, die früher nur bei bestimmten Designs erreichbar waren.
Das Abonnement-Badge, der Text der Schaltfläche „In den Warenkorb“, die Priorität der Optionen und die anderen Add-ons findest du weiter unten auf der Seite in der Karte Add-on-Einstellungen.

Für ein paar feinere Einstellungen gibt es auf der Seite Design noch keine eigene Zeile, etwa für den Stil, mit dem die ausgewählte Bundle-Option markiert wird. Alles, was du vorher eingestellt hast, wird weiterhin angewendet, und der Support kann es bis dahin für dich ändern. Sag uns, was du dir vorstellst, und wir stellen es in deinem Shop ein.

Wenn du deine Widgets im alten Editor pro Design gestaltet hast, wird dein Shop umgestellt, sobald du zum ersten Mal auf der Seite Design speicherst. Bis dahin ändert sich nichts.

Weil die Seite Design einen Wert für alle Designs gleichzeitig schreibt, wendet dieses erste Speichern deine Farben, Eckenrundung und Abstände überall an, nicht nur auf das Design, das du gerade ansiehst. Genau dafür ist die Seite da, beim ersten Mal ist es aber auch eine Überraschung. Deshalb passieren zwei Dinge:

Wir fragen vor diesem ersten Speichern nach und erklären, was es bewirkt.
Bevor etwas angewendet wird, speichern wir eine Kopie davon, wie deine Widgets gerade aussehen.

Was du dafür bekommst:

Ein Stil für jedes Design. Deine Farben, Eckenrundung und Abstände gelten gleichzeitig für dein Abonnement-Widget und deine Bundle-Optionen, die beiden passen auf deiner Produktseite also immer zusammen.
Ein Designwechsel ist einfach. Dein Look gilt für alle Designs, du kannst also ein anderes Design ausprobieren, ohne deinen Shop von Grund auf neu zu gestalten.
Viel mehr Kontrolle. Jedes Element hat eine eigene Zeile mit Farbe, Größe und Stärke, es gibt vier Badge-Formen zur Auswahl, und alle Texte für deine Kunden stehen an einem Ort.
Vorschau vor dem Speichern. Eine Live-Vorschau deiner echten Produktseite zeigt beide Widgets übereinander, so wie ein Käufer sie sieht.

Deine Angebote, deine Preise und deine Abonnenten sind davon nicht betroffen.

Dein vorheriges Design wiederherstellen

Dieser Abschnitt richtet sich an Shops, die ihre Widgets im alten Editor pro Design gestaltet haben. Wenn du nach dessen Abschaltung installiert hast, gibt es kein vorheriges Design, zu dem du zurückkehren kannst, und auf deiner Seite Design keine Schaltfläche Vorheriges Design wiederherstellen.

Die Kopie, die vor deinem ersten Speichern angelegt wurde, läuft nicht ab. Ab dann findest du unten auf der Seite Design eine Schaltfläche Vorheriges Design wiederherstellen. Klicke darauf, und deine Widgets sehen wieder genau so aus wie vor deinem Umstieg auf das einheitliche Widget-Erlebnis, egal wie lange das her ist.

Du kannst danach neu gestalten und erneut wiederherstellen. Die Schaltfläche bleibt, das Wiederherstellen ist also nie endgültig.

Beim Wiederherstellen wird alles ersetzt, was du seit dem Anlegen dieser Kopie auf der Seite Design geändert hast, weil das gesamte Design auf den damaligen Stand zurückgesetzt wird. Deine Angebote, deine Preise und deine Abonnenten sind davon nicht betroffen.

Sobald du eigene Änderungen gespeichert hast, erscheint im Abschnitt Design außerdem die Schaltfläche Auf Standard zurücksetzen. Sie setzt deine Farben, Form, Abstände, Elemente, Beschriftungen und dein eigenes CSS in der Vorschau auf die Standardwerte der App zurück und behält die Designs, die du veröffentlichst. In deinem Shop ändert sich nichts, bis du auf Speichern klickst, und mit Verwerfen holst du deinen eigenen Look zurück.

Schriften

Die Widgets übernehmen ihre Schriften von deinem Theme, sofern du keine eigene wählst. Sie passen also von Anfang an zu der Seite, auf der sie stehen. Die meisten Themes legen zwei fest: eine Überschriftenschrift und eine Fließtextschrift, beide in den Typografie-Einstellungen deines Themes.

Titel verwenden die Überschriftenschrift deines Themes: den Titel des Bundle-Blocks, den Titel jeder Bundle-Option und den Namen jeder Abonnementoption und der Zeile für den Einmalkauf.
Alles andere verwendet die Fließtextschrift deines Themes: Preise, Beschreibungen, Ersparnistexte und den Rest.

Das ist dieselbe Aufteilung, die auch dein Theme vornimmt, sodass das Widget wie ein Teil der Produktseite wirkt und nicht wie ein separater Block. Themes, die nur eine Schrift festlegen, verwenden diese einfach überall.

Für eine andere Schrift öffnest du den Abschnitt Schrift auf der Seite Design. Er legt eine Schrift für dein Abonnement-Widget und deine Bundle-Optionen gemeinsam fest, Titel eingeschlossen: die Fließtext- oder Überschriftenschrift deines Themes, eine System-, Serifen- oder Monospace-Schrift oder Benutzerdefiniert mit dem Namen einer Schrift, die dein Theme bereits lädt. Folgt deinem Theme behält die Aufteilung von oben bei.

Schriftgrößen und Schriftstärken legst du unter Elemente für jedes Element selbst fest, unabhängig von den Schriften.

Die Vorschau im Adminbereich kann die Schriften deines Onlineshops nicht laden, deshalb werden die Schriften deines Themes und eine benutzerdefinierte Schrift dort in der Schrift des Adminbereichs dargestellt. Öffne eine Produktseite in deinem Shop, um das echte Ergebnis zu sehen.

Eigene Designs von unserem Team

Zwei Designs behalten einen eigenen Editor, weil sie in HTML, CSS und JavaScript geschrieben sind und nicht aus Einstellungen zusammengesetzt werden: das benutzerdefinierte Abonnement-Design und das benutzerdefinierte Bundle-Layout.

Wenn dein Shop bereits eines davon verwendet, ändert sich nichts. Es bleibt in der Designgalerie unter Erweitert, mit einem Link Anpassen, der seinen eigenen Editor öffnet (oder einem Link Support kontaktieren, falls unser Team es noch nicht gebaut hat). Shops, die kein benutzerdefiniertes Design verwenden, sehen es in der Galerie nicht mehr.

Wenn dir die integrierten Designs, Farben, Form, Abstände, Schrift, Elemente und Eigenes CSS nicht den gewünschten Look geben, klicke unten auf der Seite Design auf Mit einem Experten chatten. Schick uns einen Screenshot oder einen Link zu einem Design, das dir gefällt, und wir helfen dir, dorthin zu kommen.

Häufige Fragen

Wo ist die Schaltfläche „Anpassen“ für mein Widget?
Es gibt keinen eigenen Editor pro Design mehr. Alles befindet sich unter Design und gilt für das Design, das du veröffentlichst.

Wo ist die Seite Widget hin?
Sie heißt jetzt Design und steht im Menü der App.

Ich habe das Design gewechselt, und meine Farben sind gleich geblieben. Ist das richtig?
Ja. Farben, Form, Abstände, Schrift, Elementstile, Beschriftungen und eigenes CSS gehören zu deinem Shop und nicht zu einem Design, sie bleiben also beim Designwechsel erhalten.

Kann ich meinen alten Widget-Look zurückbekommen?
Wenn dein Shop seine Widgets im alten Editor gestaltet hat, klicke unten auf der Seite Design auf Vorheriges Design wiederherstellen.

Könnt ihr ein eigenes Widget-Design für mich bauen?
Beginne mit den integrierten Designs und Eigenes CSS, klicke dann auf der Seite Design auf Mit einem Experten chatten und sag uns, was du dir vorstellst.