<!-- Корзина -->
<div class="col-md-4">
<!-- Корзина -->
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Ваш заказ</h4>
<div data-cart-empty class="alert alert-secondary" role="alert">
Корзина пуста
</div>
<div class="cart-wrapper">
<div class="cart-item">
<div class="cart-item_top">
<div class="cart-item_img">
<img src="">
</div>
<div class="cart-item_desc">
<div class="cart-item_title"></div>
<div class="cart-item_weight"></div>
<div class="cart-item_details">
<div class="items items--small counter-wrapper">
<div class="items_control" data-action="minus">-</div>
<div class="item_current" data-counter>1</div>
<div class="items_control" data-action="plus">+</div>
</div>
<div class="price">
<div class="price_currency"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Стоимость заказа -->
<div class="cart-total">
<p data-cart-delivery class="none">
<span class="h5">Доставка:</span>
<span class="delivery-cost">250 ₽</span><br>
<span class="small">Бесплатно при заказе от 600 ₽</span>
</p>
<p><span class="h5">Итого:</span>
<span class="total-price">0</span>
<span class="rouble">₽</span></p>
</div>
<!-- // Стоимость заказа -->
</div>
<!-- Оформить заказ -->
<div id="order-form" class="card-body border-top none">
<h5 class="card-title">Оформить заказ</h4>
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Ваш номер телефона">
</div>
<button type="submit" class="btn btn-primary">Заказать</button>
</form>
</div>
<!-- // Оформить заказ -->
</div>
<!-- // Корзина -->
const cartItemHTML = `
<div class="cart-item" data-id="${productInfo.id}">
<div class="cart-item_top">
<div class="cart-item_img">
<img src="${productInfo.imgSrc}" width="50px" height="50px">
</div>
<div class="cart-item_desc">
<div class="cart-item_title">${productInfo.title}</div>
<div class="cart-item_weight">${productInfo.weight}</div>
<div class="cart-item_details">
<div class="items items--small counter-wrapper">
<div class="items_control" data-action="minus">-</div>
<div class="item_current" data-counter>1</div>
<div class="items_control" data-action="plus">+</div>
</div>
<div class="price">
<div class="price_currency">${productInfo.price}</div>
</div>
</div>
</div>
</div>
</div>`;
cartWrapper.insertAdjacentHTML('beforeend', cartItemHTML);