Veuillez m’excuser si ceci ne relève pas du support.
Actuellement, la page d’abonnement principale /s affiche simplement les options d’abonnement/paiement. Et chaque option d’abonnement/paiement n’autorise qu’un nombre limité de caractères de texte.
Pour mes besoins, j’aimerais rendre la page de destination /s un peu plus accueillante et informative plutôt que simplement « réservée aux entreprises ».
Est-il possible d’ajouter une sorte de texte d’introduction ou informatif à la page /s au-dessus des options d’abonnement/paiement ? Ou est-ce quelque chose qui pourrait être implémenté (un jour) en option, ou est-ce hors de portée ?
En gros, juste une zone de texte modifiable par l’utilisateur avec des options de formatage standard au-dessus des options actuelles.
Je ne suis pas entièrement familier avec les options d’édition CSS de Discourse pour le moment, donc je ne sais pas ce qui est possible en ce qui concerne l’édition de pages, de plugins ou de composants. Veuillez donc excuser mon ignorance à cet égard.
Avant/Après. Notez que j’ai dû changer le texte par défaut « Abonnements » en « effectuer un paiement » car nous proposons plus que des abonnements. Bien qu’il semble que le texte soit également lié au titre de la page. Donc, dans mon cas, il serait plus logique d’ajouter un bloc de texte au-dessus du titre de page existant plutôt qu’en dessous.
Est-ce quelque chose dont je peux profiter si je suis hébergé ? Il manque un peu d’instructions pour les nouveaux utilisateurs de Discourse – donc je ne suis probablement pas le candidat idéal pour l’utiliser pour le moment, mais j’essaie d’être opérationnel le plus rapidement possible et cela semble être très utile.
J’ai dû suivre le lien vers la page Github pour trouver la référence à ceci :
Pour trouver les sorties de plugin, exécutez enableDevTools() dans la console javascript.
J’apprécie que vous répondiez à ma question. Merci.
Oui. C’est un composant de thème. (La plupart des forfaits vous permettent d’installer les composants de thème que vous souhaitez, du moins). Avez-vous essayé de cliquer sur le gros bouton bleu indiquant « Installer ce composant de thème » ?
J’ai même ajouté ce lien avant de lire cette partie de votre message !
Oh, mais en regardant les sorties de plugin sur /s, il ne semble pas y en avoir. Si vous souhaitez placer du texte au-dessus de l’en-tête « Effectuer un paiement », vous avez de la chance !
(Faites comme si « Payer pour des services » était « Effectuer un paiement ») Vous pouvez le placer soit à top-notices, soit à above-main-container, mais je crains que cela n’ajoute le contenu sur toutes les pages, et pas seulement sur la page de paiement, à moins que vous ne puissiez trouver un CSS pour le masquer sur toutes les autres pages. Si vous êtes patient, il y a de bonnes chances que vous puissiez obtenir de l’aide sur https://ask.discourse.com/ pour vous dire comment faire.
D’un autre côté, ce serait une demande légitime d’ajouter une sortie de plugin sur cette page, mais c’est une autre chose à apprendre.
Oui. Je suis à un niveau où je peux installer des composants de thème sans problème.
Ce n’était pas du tout une critique. Mes excuses si cela a été perçu comme tel. C’était juste une observation en tant que nouvel utilisateur.
Oui, j’avais découvert ce lien plus tôt dans mes recherches. Le problème est que je ne sais pas encore comment exécuter Discourse dans un environnement de développement (ou y accéder via la console du navigateur).
Donc, ma question sur la possibilité de profiter de votre composant concernait cela et le besoin d’accéder à la barre d’outils de développement pour l’utiliser, et non l’installation du composant lui-même. Désolé pour la confusion.
Je n’étais pas au courant de cette ressource, merci.
Quant à l’emplacement, je suis satisfait de placer le texte d’introduction n’importe où où il s’intégrera facilement au-dessus du contenu réel de « l’abonnement » tant qu’il n’apparaît pas sur toutes les pages.
Non, non. Je voulais sous-entendre, oui. Vous avez raison. La documentation devrait être améliorée. C’est pour ça que j’ai dit que c’était "juste " !
Vous n’êtes pas obligé. Ouvrez simplement les outils de développement dans votre navigateur (F12 fonctionne sauf si vous êtes sur un Mac ; et je dois vérifier à chaque fois que j’utilise un Mac même s’il y en a un à 2,5 mètres de moi, puis je cherche sur Google “mac open dev tools browser” ou quelque chose comme ça) et tapez enableDevTools() dans l’invite de la console. Vous pouvez le faire ici, maintenant, sur ce site.
Ahhh. La console de développeur du navigateur, pas une console dépendante de Discourse. Les choses commencent à avoir plus de sens. Merci.
J’ai activé les Composants Personnalisés. Et j’ai activé les outils de développement dans la console du navigateur. Et j’ai activé la barre d’outils du développeur pour voir les composants de plugin.
Et maintenant je comprends, vous dites qu’il n’y a pas de composant de plugin pour les Abonnements, donc pas de façon *simple d’insérer du texte sur cette page de destination spécifique. Compris.
*simple comme Étape 1. Étape 2. Étape 3. Succès ! Et ne nécessitant pas des heures de recherche et d’éducation en CSS, etc.
J’ai lu quelque part dans mes recherches récentes sur les Abonnements (désolé, je n’ai pas le lien pour le moment) que cela était dû pour une refonte de toute façon. J’espère que ma suggestion pour une zone d’introduction/texte sera prise en compte dans tout développement futur.
J’apprécie l’aide dans ce fil de discussion. Merci.
Il devrait y avoir une classe de corps qui n’est présente que sur la page d’abonnement, afin que vous puissiez ensuite utiliser du CSS pour masquer l’élément que vous ajoutez sur toutes les pages sauf celle d’abonnement.
Oui, les abonnements ont class="above-main-container-outlet subscriptions-campaign ember-view", donc vous faites quelque chose comme masquer la classe de l’élément que vous ajoutez, puis vous la réaffichez si elle se trouve dans une subscriptions-campaign. Quelque chose comme ça.
Après avoir fait quelques recherches sur Google et SO, j’ai bricolé une version purement CSS :
.above-main-container-outlet.subscriptions-campaign::after {
content: "Quel que soit le texte que je veux mettre ici ! \A Ceci est une nouvelle ligne ! \A";
white-space: pre;
}
En utilisant \A comme caractère de nouvelle ligne.
Je l’ai fait fonctionner uniquement sur la page des abonnements et avec un formatage presque correct avec ceci :
/* PARTIE 1 : L'en-tête (stylisé comme un H1 natif) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
content: "Ceci est le titre";
display: block;
/* Style pour correspondre aux en-têtes 'title-wrapper' */
font-family: var(--heading-font-family);
font-size: var(--font-up-5);
font-weight: bold;
line-height: var(--line-height-small);
color: #DDDDDD;
/* Espace entre cet en-tête et le texte en dessous */
margin-bottom: 8px;
}
/* PARTIE 2 : Le texte du corps (avec un espacement en dessous) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
content: "Ceci est le texte simple qui va sous l'en-tête. \A Vous pouvez toujours utiliser backslash-A pour les nouvelles lignes ici.";
display: block;
/* Style pour correspondre au texte de corps standard */
font-family: var(--font-family);
font-size: var(--font-0);
line-height: var(--line-height-medium);
color: #DDDDDD;
white-space: pre-wrap;
/* Ceci crée l'espace vide (retour chariot) sous votre texte */
margin-bottom: 40px;
}
@ZeroDean, cela signifie que vous pouvez simplifier votre CSS en utilisant cette nouvelle sortie de plugin qui se trouve uniquement sur la page d’abonnement.
: