Intro-Text auf der /s Seite einfügen?

Entschuldigung, falls dies nicht in den Support gehört.

Aktuell zeigt die Hauptseite für das /s-Abonnement lediglich die Abonnement-/Zahlungsoptionen an. Und jede Abonnement-/Zahlungsoption hat nur eine begrenzte Anzahl von Zeichen, die Sie eingeben können.

Für meine Zwecke möchte ich die /s-Landingpage etwas einladender und informativer gestalten, anstatt nur „nur für Unternehmen“.

Wäre es möglich, der /s-Seite eine Art einleitenden oder informativen Text über den Abonnement-/Zahlungsoptionen hinzuzufügen? Oder ist dies etwas, das (eines Tages) als Option implementiert werden könnte, oder liegt es außerhalb des Rahmens?

Im Grunde nur ein vom Benutzer bearbeitbares Textfeld mit Standardformatierungsoptionen über den aktuellen Optionen.

Ich bin noch nicht ganz vertraut mit den CSS-Bearbeitungsoptionen von Discourse, daher bin ich mir nicht sicher, was beim Bearbeiten von Seiten, Plugins oder Komponenten möglich ist. Bitte entschuldigen Sie daher jegliche Unwissenheit meinerseits.

Jede Einsicht wäre willkommen.

Danke schön.

Ich denke, das kann mit CSS gemacht werden. Könnten Sie einen Screenshot senden, wo Sie den Text hinzufügen möchten? Danke.

2 „Gefällt mir“

Sie können sehen, wo sich die Plugin-Ausgänge befinden.

Dann können Sie mit meinen Custom Components – Schaltfläche oder Text an jedem Plugin-Ausgang hinzufügen beliebigen Text an jedem Plugin-Ausgang einfügen.

1 „Gefällt mir“

Sicher. Ich stelle mir das ungefähr so vor…

Vorher/Nachher. Beachten Sie, dass ich den Standardtext „Abonnements“ in „eine Zahlung leisten“ ändern musste, da wir mehr als nur Abonnements anbieten. Es scheint jedoch, dass der Text auch mit dem Seitentitel verknüpft ist. In meinem Fall wäre es also sinnvoller, einen Textblock über dem vorhandenen Seitentitel anstatt darunter hinzuzufügen.

Das sieht großartig und leistungsstark aus.

Kann ich dies nutzen, wenn ich gehostet werde? Es ist etwas spärlich mit Anweisungen für neue Discourse-Benutzer – daher bin ich im Moment wahrscheinlich nicht der ideale Kandidat für die Nutzung, aber ich versuche, so schnell wie möglich auf den neuesten Stand zu kommen, und das sieht so aus, als wäre es wirklich nützlich.

Ich musste der Github-Seite folgen, um einen Hinweis darauf zu finden:

Um Plugin-Ausgänge zu finden, führe enableDevTools() in der Javascript-Konsole aus.

Ich weiß es zu schätzen, dass Sie meine Anfrage beantworten. Vielen Dank.

Ja. Es ist eine Theme-Komponente. (Zumindest erlauben die meisten Pläne die Installation beliebiger Theme-Komponenten). Haben Sie versucht, auf den großen blauen Button mit der Aufschrift „Diese Theme-Komponente installieren“ zu klicken?

Das klingt nach einer fairen Kritik!

Ich habe einen Link zu https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215 hinzugefügt, damit Sie herausfinden können, wo sich die Plugin-Outlets befinden.

Ich habe diesen Link sogar hinzugefügt, bevor ich diesen Teil Ihrer Nachricht gelesen habe! :slight_smile:

Oh, aber wenn ich mir die Plugin-Outlets auf /s ansehe, scheint es keine Plugin-Outlets zu geben. Wenn Sie Text oberhalb der Überschrift „Eine Zahlung leisten“ einfügen möchten, haben Sie Glück!

image

(Stellen Sie sich vor, „Für Dienstleistungen bezahlen“ wäre „Eine Zahlung leisten“) Sie können es entweder bei top-notices oder above-main-container platzieren, aber ich fürchte, das fügt den Inhalt auf jeder Seite hinzu, nicht nur auf der Zahlungsseite, es sei denn, Sie finden ein CSS, um es auf allen anderen Seiten auszublenden. Wenn Sie geduldig sind, besteht eine gute Chance, dass Ihnen https://ask.discourse.com/ sagen kann, wie das geht.

Andererseits wäre es eine faire Anfrage, ein Plugin-Outlet auf dieser Seite hinzufügen zu lassen, aber das ist wieder etwas, das man lernen muss.

1 „Gefällt mir“

Ja. Ich bin auf einem Level, auf dem ich Theme-Komponenten ohne Probleme installieren kann.

Es war überhaupt nicht als Kritik gedacht. Entschuldigung, falls es so rüberkam. Es war nur eine Beobachtung als neuer Benutzer.

Ja, diesen Link hatte ich bei meinen Recherchen bereits entdeckt. Das Problem ist, dass ich noch nicht weiß, wie ich Discourse in einer Entwicklungsumgebung ausführen (oder über die Browserkonsole darauf zugreifen) kann.

Meine Frage, ob ich Ihre Komponente nutzen kann, bezog sich also darauf und auf die Notwendigkeit des Zugriffs auf die Entwickler-Toolbar, um sie zu nutzen, nicht auf die Installation der Komponente selbst. Entschuldigung für die Verwirrung.

Diese Ressource war mir nicht bekannt, vielen Dank.

Was die Platzierung angeht, bin ich damit zufrieden, den Einführungstext irgendwo dort zu platzieren, wo er leicht über dem eigentlichen „Abonnement“-Inhalt Platz findet, solange er nicht auf jeder Seite angezeigt wird.

Ich weiß Ihre durchdachte Antwort zu schätzen.

Nein, nein. Ich wollte andeuten, ja. Du hast recht. Die Dokumentation sollte verbessert werden. Deshalb habe ich gesagt, es sei „fair“!

Das musst du nicht. Öffne einfach die Entwicklertools in deinem Browser (F12 funktioniert, es sei denn, du bist auf einem Mac; und ich muss es jedes Mal nachschlagen, wenn ich einen Mac benutze, obwohl einer 8 Fuß von mir entfernt ist, dann google ich „mac open dev tools browser“ oder so etwas) und gib enableDevTools() in die Konsolenaufforderung ein. Du kannst es direkt hier und jetzt auf dieser Seite tun.

1 „Gefällt mir“

Ich benutze nie einen Mac, aber ich erinnere mich an „J“ dank

2 „Gefällt mir“

Ahhh. Die Browser-Entwicklerkonsole, nicht irgendeine von Discourse abhängige Konsole. Die Dinge beginnen, mehr Sinn zu ergeben. Danke schön.

Ich habe Custom Components aktiviert. Und devtools in der Browserkonsole aktiviert. Und die Entwicklertools aktiviert, um Plugin-Komponenten anzuzeigen.

Und jetzt verstehe ich, Sie sagen, es gibt keine Plugin-Komponente für Subscriptions, also keinen *einfachen Weg, Text auf dieser spezifischen Landingpage zu platzieren. Verstanden.

*einfach wie in Schritt 1. Schritt 2. Schritt 3. Erfolg! Und nicht Stunden an Recherche und CSS-Schulung usw. erfordern.

image

Ich habe irgendwo in meinen letzten Subscriptions-Suchen gelesen (sorry, ich habe den Link im Moment nicht), dass es ohnehin für eine Überarbeitung vorgesehen war. Hoffentlich wird mein Vorschlag für einen Intro-/Textbereich bei zukünftigen Entwicklungen berücksichtigt.

Ich weiß die Hilfe in diesem Thread zu schätzen. Danke schön.

2 „Gefällt mir“

Es sollte eine Body-Klasse geben, die nur auf der Abonnementseite vorhanden ist, damit Sie dann CSS verwenden können, um das Element auszublenden, das Sie auf jeder Seite außer der Abonnementseite hinzufügen.

Ja, Abonnements haben class="above-main-container-outlet subscriptions-campaign ember-view", also blenden Sie die Klasse des Elements, das Sie hinzufügen, aus und blenden es dann wieder ein, wenn es sich in einer subscriptions-campaign befindet. Etwa so.

2 „Gefällt mir“

Nachdem ich etwas auf Google und SO gesucht hatte, habe ich eine reine CSS-Version zusammengestellt:

.above-main-container-outlet.subscriptions-campaign::after {
  content: "Welchen Text ich auch immer hier einfügen möchte! \A Das ist eine neue Zeile! \A";
  white-space: pre;
}

Verwendung von \A als Zeilenumbruchzeichen.

Ich hoffe, das hilft?

2 „Gefällt mir“

Vielen Dank. Ich weiß das zu schätzen.

Ich bin gerade unterwegs und werde erst morgen an einem PC (wo es einfacher ist, daran zu arbeiten) sein…

Aber ich habe eine neue Komponente erstellt und Ihren CSS-Code eingefügt. Die Komponente aktiviert. Und jetzt erscheint der Text auf jeder Seite.

Es funktioniert also. Das ist riesig. Vielen Dank.

Jetzt muss ich nur noch herausfinden, wie ich das mache…

… wenn ich dazu komme.

Und auch, wie ich den Text innerhalb des CSS selbst formatiere. Zum Beispiel…

Header-Text

Der Inhalt selbst. Und vielleicht ein bisschen schick damit umgehen.

Ich bin mir sicher, dass dies nur eine CSS-Sache ist, die ich irgendwann googeln und herausfinden kann. Ich lerne nebenbei.

Ich weiß Ihre Hilfe zu schätzen. Vielen Dank.

Ich habe es nur auf der Abonnementsseite und größtenteils korrekt formatiert mit Folgendem zum Laufen gebracht:

/* TEIL 1: Die Kopfzeile (Gestaltet wie eine native H1) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
  content: "Dies ist die Überschrift"; 
  display: block;
  
  /* Styling passend zu 'title-wrapper'-Überschriften */
  font-family: var(--heading-font-family);
  font-size: var(--font-up-5);
  font-weight: bold;
  line-height: var(--line-height-small);
  color: #DDDDDD;
  
  /* Abstand zwischen dieser Überschrift und dem Text darunter */
  margin-bottom: 8px; 
}

/* TEIL 2: Der Haupttext (Mit Abstand darunter) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
  content: "Dies ist der einfache Text, der unter der Überschrift steht. \A Sie können hier immer noch Backslash-A für neue Zeilen verwenden.";
  display: block;
  
  /* Styling passend zum Standard-Fließtext */
  font-family: var(--font-family);
  font-size: var(--font-0);
  line-height: var(--line-height-medium);
  color: #DDDDDD;
  white-space: pre-wrap;
  
  /* Dies erzeugt den leeren Raum (Wagenrücklauf) unter Ihrem Text */
  margin-bottom: 40px; 
}

2 „Gefällt mir“

Auch einfach mit der rechten Maustaste auf UNTERSUCHEN klicken. PC/Mac

1 „Gefällt mir“

Ich habe einen PR geöffnet, hoffe er wird gemergt :crossed_fingers::

3 „Gefällt mir“

Oh. Das ist sehr clever. Mein Verständnis von CSS ist eher theoretisch als praktisch.

1 „Gefällt mir“

@ZeroDean PR wurde zusammengeführt! Ich hoffe, das hilft!

3 „Gefällt mir“

@ZeroDean, das bedeutet, dass Sie Ihr CSS vereinfachen können, indem Sie diese neue Plugin-Ausgabe verwenden, die sich nur auf der Abonnementseite befindet.

2 „Gefällt mir“

Fantastisch. Ich weiß es zu schätzen, dass Sie das durchbekommen haben! Danke @NateDhaliwal

Vielen Dank. Da ich einen gehosteten Dienst nutze, bedeutet das, dass ich auf das nächste Server-Update warten muss?

1 „Gefällt mir“