Hello. Got confused with the user’s shopping cart. I can’t figure out where I’m wrong. I want to get this kind of basket
<div class="cart-outer">
<div class="table-outer">
<table class="cart-table">
<thead class="cart-header">
<tr>
<th>Preview</th>
<th class="prod-column">product</th>
<th class="price">Price</th>
<th>Quantity</th>
<th>Total</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td class="prod-column">
<div class="column-box">
<figure class="prod-thumb"><a href="#"><img src="images/resource/products/12.jpg" alt=""></a></figure>
</div>
</td>
<td><h4 class="prod-title">Product Title</h4></td>
<td class="sub-total">$35.00</td>
<td class="qty"><div class="item-quantity"><div class="input-group bootstrap-touchspin"><span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span><input class="quantity-spinner form-control" type="text" value="2" name="quantity" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn-vertical"><button class="btn btn-default bootstrap-touchspin-up" type="button"><i class="fa fa-chevron-up"></i></button><button class="btn btn-default bootstrap-touchspin-down" type="button"><i class="fa fa-chevron-down"></i></button></span></div></div></td>
<td class="total">$35.00</td>
<td><a href="#" class="remove-btn"><span class="fa fa-times"></span></a></td>
</tr>
</tbody>
</table>
</div>
<div class="cart-options clearfix">
<div class="pull-left">
<div class="apply-coupon clearfix">
<div class="form-group clearfix">
<input type="text" name="coupon-code" value="" placeholder="Coupon Code">
</div>
<div class="form-group clearfix">
<button type="button" class="theme-btn coupon-btn">Apply Coupon</button>
</div>
</div>
</div>
<div class="pull-right">
<button type="button" class="theme-btn cart-btn">update cart</button>
</div>
</div>
</div>
I 'm making out at my place 
<div id="msCart" class="cart-outer">
<div class="alert alert-warning">
{'ms2_cart_is_empty' | lexicon}
</div>
<div class="table-outer">
<table class="cart-table">
<thead class="cart-header">
<tr>
<th>Изображение</th>
<th class="prod-column">Товар</th>
<th class="price">Цена</th>
<th>Кличество</th>
<th>Итог</th>
<th>Очистить</th>
</tr>
</thead>
<tbody>
{foreach $products as $product}
<tr id="{$product.key}">
{var $image}
{if $product.thumb?}
<td class="prod-column">
<div class="column-box">
<figure class="prod-thumb"><a href="#"><img src="assets/templates/images/resource/products/12.jpg" alt=""></a></figure>
{else}
<img src="{'assets_url' | option}components/minishop2/img/web/ms2_small.png"
srcset="{'assets_url' | option}components/minishop2/img/web/[email protected] 2x"
alt="{$product.pagetitle}" title="{$product.pagetitle}"/>
</div>
</td>
{/if}
{/var}
{if $product.id?}
<td><h4 class="prod-title">{$product.pagetitle}</h4></td>
{else}
{$product.name}
{/if}
<td class="sub-total">{$product.price}</td>
<td class="qty"><div class="item-quantity">{$total.count}</div></td>
<td class="total">{$total.cost}</td>
{if $product.id?}
<a href="{$product.id | url}" class="product-detail">{$image}</a>
{else}
{$image}
{/if}
<td><button type="submit" class="remove-btn" name="ms2_action" value="cart/clean" class="checkout"><span class="fa fa-times"></span></button></td>
</tr>
{/foreach}
</tbody>
</table>
</div>
</div>
{/if}
I get nothing
challenge
<!--Cart Section-->
<section class="cart-section">
<div class="auto-container">
<!--Cart Outer-->
[[!msCart? tpl=`tpl.msCart2`]]
</div>
</section>
<!--End Cart Section-->
viewing the cart code
