Percebi que não respondi completamente à pergunta do OP. Aqui está uma abordagem geral que funcionará para páginas de produtos ou posts de blog do Shopify. Na seção Tema / Personalizar da sua loja, vá para o modelo de página ao qual você deseja adicionar comentários do Discourse. Dependendo da página, adicione um bloco de Liquid Personalizado a uma seção ou adicione uma nova seção de Liquid Personalizado. Em seguida, adicione o código de incorporação do Discourse à seção.
Para discourseEmbedUrl do código de incorporação, use location.href. Dessa forma, discourseEmbedUrl será definido automaticamente. Por exemplo:
<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>
Para posts de blog do Shopify, você provavelmente precisará adicionar algum CSS personalizado à seção Liquid para manter a seção de comentários centralizada e limitar sua largura. Por exemplo:
div#discourse-comments {
max-width: 726px;
margin: 0 auto;
}
Com posts de blog, em oposição a páginas de produtos, estou descobrindo que o Discourse faz um bom trabalho ao extrair o conteúdo apropriado para o tópico:
