Ich habe festgestellt, dass ich die Frage des OP nicht ganz beantwortet habe. Hier ist ein allgemeiner Ansatz, der für Shopify-Produktseiten oder Blogbeiträge funktioniert. Gehen Sie im Abschnitt “Theme / Anpassen” Ihres Shops zur Seitenvorlage, zu der Sie Discourse-Kommentare hinzufügen möchten. Fügen Sie je nach Seite entweder einen benutzerdefinierten Liquid-Block zu einem Abschnitt hinzu oder fügen Sie einen neuen benutzerdefinierten Liquid-Abschnitt hinzu. Fügen Sie dann den Discourse-Einbettungscode in den Abschnitt ein.
Verwenden Sie für discourseEmbedUrl des Einbettungscodes location.href. Auf diese Weise wird discourseEmbedUrl automatisch festgelegt. Zum Beispiel:
<div id='discourse-comments'></div>
<meta name='discourse-username' content='DISCOURSE_USERNAME'>
<script type="text/javascript">
DiscourseEmbed = {
discourseUrl: 'DISCOURSE_URL',
discourseEmbedUrl: location.href,
// className: 'CLASS_NAME',
};
(function() {
var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
})();
</script>
Für Shopify-Blogbeiträge müssen Sie wahrscheinlich benutzerdefiniertes CSS zum Liquid-Abschnitt hinzufügen, um den Kommentarbereich zentriert zu halten und seine Breite zu begrenzen. Zum Beispiel:
div#discourse-comments {
max-width: 726px;
margin: 0 auto;
}
Bei Blogbeiträgen, im Gegensatz zu Produktseiten, stelle ich fest, dass Discourse gute Arbeit leistet, um die entsprechenden Inhalte in das Thema zu ziehen:
