Estoy tratando de agregar los botones "Leer más" y "Leer menos" a las descripciones de las colecciones en la tienda Shopify. ¿Cómo puedo agregar Html con condiciones líquidas? Actualmente, {{ collection.description }} es lo único en la plantilla collection.description. El HTML funciona perfectamente en el escaparate, pero ¿cómo puedo agregar HTML con objetos líquidos?

 ... <p>text before Read More<span id="dots">...</span><span id="more">&nbsp;the remaining description</span></p> <button id="myBtn" onclick="myFunction()">Read more</button> <script> function myFunction() { var dots = document.getElementById("dots"); var moreText = document.getElementById("more"); var btnText = document.getElementById("myBtn"); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "Read more"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Read less"; moreText.style.display = "inline"; } } </script> ...