Я понял, что не до конца ответил на вопрос автора оригинального поста. Вот общий подход, который подойдет для страниц товаров или записей блога в Shopify. Перейдите в раздел «Тема / Настроить» вашего магазина и откройте шаблон страницы, к которой вы хотите добавить комментарии Discourse. В зависимости от типа страницы добавьте либо блок «Собственный Liquid» в секцию, либо создайте новую секцию «Собственный Liquid». Затем вставьте код встраивания Discourse в эту секцию.
Для параметра discourseEmbedUrl в коде встраивания используйте location.href. Таким образом, discourseEmbedUrl будет устанавливаться автоматически. Например:
<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>
Для записей блога в Shopify, вероятно, потребуется добавить немного пользовательского CSS в секцию Liquid, чтобы центрировать блок комментариев и ограничить его ширину. Например:
div#discourse-comments {
max-width: 726px;
margin: 0 auto;
}
В отличие от страниц товаров, в случае с записями блога Discourse, как я заметил, отлично справляется с извлечением соответствующего контента в тему:
