Automatic Discount - Active Display of Discounts (Brooklyn Theme Example #2)

brooklyn_active_display_example_2.html

<style type='text/css'>
    .nice_discount_style {
        font-size: 11px;
        line-height: 22px;
        vertical-align: middle;
        border: 1px dashed white;
        display: inline-block;
        padding: 1px 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: 5px;
    }
</style>
<div class="grid--full" data-tbnadhide='NO_DISCOUNT' style='display:none;'>
    <div class="grid__item two-thirds">
        <p class="ajaxcart__subtotal nice_discount_style" data-tbnadfield='DISCOUNT_CODE'></p>
    </div>
    <div class="grid__item one-third text-right">
        <p class="ajaxcart__subtotal">-<span data-tbnadfield='CART_DISCOUNT'></span></p>
    </div>
</div>
<div class="grid--full">
    <div class="grid__item two-thirds">
        <p class="ajaxcart__subtotal">Total</p>
    </div>
    <div class="grid__item one-third text-right">
        <p class="ajaxcart__subtotal"><span data-tbnadfield='CART_TOTAL'></span></p>
    </div>
</div>