{if $wa->get('ajax')}
	{if !$settings.style_enable}
    <link rel="stylesheet" href="{$waUrlData}css/cartonestepFrontend.css" />
    {/if}

 	{if $settings.variants}
       <div id="cart-products">
        <div class="js-cart-ajax cart-mini drop-down-wrap br-top-sd-color" data-url="{$wa->getUrl('shop/frontend/cart')}">
            <div class="cart-mini-empty js-cart-mini-empty" {if $cart.count > 0} style="display: none"{/if}>
                <h1>[`Shopping cart`]</h1>
                <p>[`Your shopping cart is empty.`]</p>
            </div>
            <div  class="cart-mini-full js-cart-mini-full" {if !$cart.count} style="display: none"{/if}>
            <div class="cart-mini__products">
                {foreach $cart.items as $item}
                <div class="js-cart-product cart-mini__product" data-id="{$item.id}">
                    <div class="cart-mini__product-img">
                        <a href="{$wa->shop->productUrl($item.product)}" title="{$item.product.name|escape}">{$wa->shop->productImgHtml($item.product, '50', ['default' => "`$wa_theme_url`img/dummy48.png"])}</a>
                    </div>
                    <div class="cart-mini__product-info">
                        <a href="{$wa->shop->productUrl($item.product)}">{$item.product.name|escape}</a> <span class="hint nowrap">(&times; {$item.quantity})</span>
                        <div class="cart-mini__product-price js-cart-product-price">{shop_currency_html($item.full_price, true)}</div>
                    </div>
                    <div class="cart-mini__product-count">
                        <div class="cart-mini__product-remove"><span class="js-cart-preview-product-delete">&times;</span></div>
                    </div>
                </div>
                {/foreach}
            </div>

            <div class="cart-mini__total">
                <span class="cart-mini__total-text">[`Total`]:</span> <span class="js-cart-total price ">{shop_currency_html($cart.total, true)}</span>
            </div>
            <div class="cart-mini__buttons">
                <a class="button button-mini" href="{$wa->getUrl('shop/frontend/cart')}">[`Proceed to checkout`]</a>
            </div>
        </div>
    </div>
    {/if}

    {literal}
    <script>
      $(function () {
        $(".js-cart-preview-product-delete").on("click", function(){
            var row = $(this).closest('.js-cart-product'),
                cartWrap = $(this).closest('.js-cart-ajax'),
                url = cartWrap.data("url");

            $.post(url+'delete/', {html: 1, id: row.data('id')}, function (response) {
                if (response.data.count == 0) {
                    $('.js-cart-mini-empty').show();
                    $('.js-cart-mini-full').hide();
                }
                row.hide();

                $('.js-cart-preview-count').html(response.data.count);
                $('.js-cart-preview-total').html(response.data.total);
            }, "json");
        });

      });
    </script>
    {/literal}
{else}