<div id="text" style="width: 300px; border: 1px solid black" align="center">
<p>
Інформація продукту productID = 1
</p>
</div>
<!--ппідключення об'єкту з продуктами порталу-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/agentPrivatBank/productsInfo@master/info.js"></script>
<!--відображуємо блок-->
<script>
var productID = 1; // указываем ИД продукта для выбора
var prod = this.item()[productID];
console.log(prod);
//запонимо блок
document.getElementById("text").innerHTML = `
<h2>
${prod.name_ua}
</h2> <br>
<img style="width: 300px" src=${prod.img_urls[0]}> <br>
<span>
Максимальний ліміт до ${prod.const.limit_max}
</span> <br>
<p>
${prod.description_ua.substr(0, 1).toUpperCase()}${prod.description_ua.substr(1)}
</p>
`;
</script>