أدركت أنني لم أجب تمامًا على سؤال OP. إليك نهج عام سيعمل لصفحات منتجات Shopify أو منشورات المدونة. من قسم “المظهر / تخصيص” الخاص بمتجرك، انتقل إلى قالب الصفحة الذي تريد إضافة تعليقات Discourse إليه. اعتمادًا على الصفحة، أضف إما كتلة “Custom Liquid” إلى قسم، أو أضف قسم “Custom 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 يقوم بعمل جيد في سحب المحتوى المناسب إلى الموضوع:
