Komunikat o darmowej wysyłce

basket/index.tpl

<div class="k-alert" style="display: none;">
{if true == $user_logged}
{if $user->basket->sumProducts(false) > 0 and $user->basket->sumProducts(false)<100}
<div class="k-alert-50">

<p>50% rabatu na dostawę (brakuje jeszcze -{math equation="x - y" x=100 y=$user->basket->sumProducts(false) format="%.2f"} do 100%)</p>

</div>
{elseif $user->basket->sumProducts(false)>=100}
<div class="k-alert-100">

<p>100% rabatu na dostawę</p>

</div>
{/if}

{else}
<div class="k-alert-login">Chcesz otrzymać rabat na dostawę? Załóż konto.
{/if}
</div>

CSS

.k-alert {
    clear: both;
    width: 100%;
    margin: 40px 0 20px 0;
    padding: 20px;
    background-color: #fb7a6e;
    color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: .5px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}
.k-alert a {
    color: #fff;
}