URL

https://cdn.jsdelivr.net/gh/agentPrivatBank/productsInfo@master/info.js

Приклад використання

<div id="text" style="width: 300px; border: 1px solid black" align="center">
  <p >
    Информация продукта productID
  </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];

//наполним блок 
document.getElementById("text").innerHTML =     '<h2>' + 
                                              prod.name_ua + 
                                              '</h2> <br> <img style="width: 300px" src=' + 
                                              prod.img_urls[0] + 
                                              '> <br> <p>' + 
                                              prod.description_ua + 
                                              '</p>';
</script>

Результат:

Робочий приклад на jsfiddle

Використовуйте productID = 1 для продукту "Картка «Універсальна»"

Використовуйте productID = 7 для продукта "Картка «Універсальна Gold»"