Internet-programming/lab3/js/catalog/getProductItem.js
2024-01-12 11:45:16 +04:00

19 lines
758 B
JavaScript

export function getProductItem(image, name, price) {
return `
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="product d-flex flex-column h-100">
<div class="image_al">
<img src="${image}" alt="Product Image" class="img-fluid">
</div>
<div class="info">
<h3 class="card-title mb-2">${name}</h3>
<!-- <p class="card-text">Описание товара</p> -->
<div class="info-price">
<span class="price"><strong>${price}$</strong></span>
<button class="add-to-cart"><i class="fas fa-basket-shopping"></i></button>
</div>
</div>
</div>
</div>
`;
}