mirror of
https://github.com/sergeyyarkov/digital-store.git
synced 2026-10-11 10:19:15 +03:00
69 lines
3.4 KiB
JavaScript
69 lines
3.4 KiB
JavaScript
export function renderItem(categories, items) {
|
||
|
||
let html = '';
|
||
|
||
categories.forEach(category => {
|
||
html += `<div class="items-category">
|
||
<h2 class="small-title">${category}</h2>
|
||
</div>`;
|
||
items[category].forEach(item => {
|
||
html += `
|
||
<div class="items-list">
|
||
<div class="items-list__name">
|
||
<div class="list-icon">
|
||
<img src="./img/service-icons/${item.image}" alt="#">
|
||
</div>
|
||
<div class="list-title">
|
||
<a href="#">${item.title}</a>
|
||
</div>
|
||
</div>
|
||
<div class="items-list__info">
|
||
<div class="list-count">
|
||
<span>${item.count} шт.</span>
|
||
</div>
|
||
<div class="list-one">
|
||
<span>Цена за 1 шт.</span>
|
||
</div>
|
||
<div class="list-price">
|
||
<span>${item.price}</span>
|
||
</div>
|
||
<div class="list-buttons">
|
||
<button class="btn-small waves-effect waves-light">Купить</button>
|
||
<button class="btn-small waves-effect waves-light"><i
|
||
class="material-icons">shopping_cart</i></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`
|
||
});
|
||
});
|
||
|
||
return html;
|
||
}
|
||
// <div class="items-list">
|
||
// <div class="items-list__name">
|
||
// <div class="list-icon">
|
||
// <img src="./img/service-icons/origin.svg" alt="#">
|
||
// </div>
|
||
// <div class="list-title">
|
||
// <a href="#">Cs:go(prime) + открыта тп + инв. 901руб Cs:go(prime) + открыта
|
||
// тп + инв. 901руб. .</a>
|
||
// </div>
|
||
// </div>
|
||
// <div class="items-list__info">
|
||
// <div class="list-count">
|
||
// <span>1 шт.</span>
|
||
// </div>
|
||
// <div class="list-one">
|
||
// <span>Цена за 1 шт.</span>
|
||
// </div>
|
||
// <div class="list-price">
|
||
// <span>145.00₽</span>
|
||
// </div>
|
||
// <div class="list-buttons">
|
||
// <button class="btn-small waves-effect waves-light">Купить</button>
|
||
// <button class="btn-small waves-effect waves-light"><i
|
||
// class="material-icons">shopping_cart</i></button>
|
||
// </div>
|
||
// </div>
|
||
// </div>
|