I can’t figure out how to do the design correctly. So that the added products are shown. As you can see in the screenshot, $total_cost} x {$total_count} are working. I tried different versions of {$product_thumb}, {$product.thumb} different syntax. used {foreach $products as $product} . I don’t understand what’s wrong
tpl.msMiniCart1
<li class="drop msMiniCart{$total_count > 0 ? ' full' : ''}">
<a href="#" class="cart-opener empty">
<span class="icon-handbag"></span>
<span class="num">0</span>
</a>
<a href="#" class="cart-opener not_empty">
<span class="icon-handbag"></span>
<span class="num">{$total_count}</span>
</a>
{if !count($products)}
<!-- mt drop start here -->
<div class="mt-drop">
<!-- mt drop sub start here -->
<div class="mt-drop-sub">
<!-- mt side widget start here -->
<div class="mt-side-widget">
<!-- cart row start here -->
<div class="cart-row">
<a href="{$product.id | url}" class="img"><img src="{$product_thumb}" alt="{$product_pagetitle}" title="{$product_pagetitle}" class="img-responsive"></a>
<div class="mt-h">
<span class="mt-h-title"><a href="{$product.id | url}">{$product_pagetitle}</a></span>
<span class="price"><i class="fa fa-rub" aria-hidden="true"></i> {$product_price}</span>
<span class="mt-h-title">Qty: {$product_count}</span>
</div>
<a href="#" class="close fa fa-times"></a>
</div>
<!-- cart row end here -->
<!-- cart row total start here -->
<div class="cart-row-total">
<span class="mt-total">Итого</span>
<span class="mt-total-txt"><i class="fa fa-rub" aria-hidden="true"></i> {$total_cost} x {$total_count} шт</span>
</div>
<!-- cart row total end here -->
<div class="cart-btn-row">
<a href="[[~12]]" class="btn-type2">В корзину</a>
<form method="post" class="ms2_form"><button type="submit" name="ms2_action" value="cart/clean" class="btn btn-type3">Очистить</button></form>
</div>
</div>
<!-- mt side widget end here -->
</div>
<!-- mt drop sub end here -->
</div>
<!-- mt drop end here -->
<span class="mt-mdropover"></span>
{/if}
</li>
challenge [[!msMiniCart? tpl=tpl.msMiniCart1]]