Mi sono reso conto di non aver risposto completamente alla domanda dell’OP. Ecco un approccio generale che funzionerà per le pagine di prodotto o i post del blog di Shopify. Dalla sezione Temi / Personalizza del tuo negozio, vai al modello di pagina a cui desideri aggiungere i commenti di Discourse. A seconda della pagina, aggiungi un blocco Liquid personalizzato a una sezione o aggiungi una nuova sezione Liquid personalizzata. Quindi aggiungi il codice di incorporamento di Discourse alla sezione.
Per discourseEmbedUrl del codice di incorporamento, usa location.href. In questo modo discourseEmbedUrl verrà impostato automaticamente. Ad esempio:
<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>
Per i post del blog di Shopify, probabilmente dovrai aggiungere del CSS personalizzato alla sezione Liquid per mantenere la sezione dei commenti centrata e limitarne la larghezza. Ad esempio:
div#discourse-comments {
max-width: 726px;
margin: 0 auto;
}
Con i post del blog, a differenza delle pagine di prodotto, trovo che Discourse faccia un buon lavoro nel recuperare il contenuto appropriato nell’argomento:
