Custom liquid shopping cart summary | Adobe Business Catalyst

Include:

{module_shoppingcartsummary template="/Layouts/OnlineShop/shoppingcartsummary.tpl"}

Styles:

.addtocart { position: fixed; width: 100%; top: 0; right: 0; padding: 22px 0; text-align: center; background: #d4563f; color: #fff !important; z-index:999999; border-radius: 0px; font-size: 16px; }
.addtocart table { background:none !important; margin-bottom: 0 !important; border:0px !important; color:#fff !important; }
.addtocart .cartSummaryLink { font-size: 14px; color: #FFFFFF; background: rgba(160, 48, 28,0.8); padding: 2px 5px; border-radius: 4px; border: solid 1px #9A3321; }
.addtocart.empty1 { display:none; }
.addtocart.empty0 { display:block; }

shoppingcartsummary.tpl

<div class="addtocart empty{tag_isEmpty}">
{% if itemCount == 0 -%}
<span>Shopping cart empty</span>
{% else -%}
{{itemCount}} item{% if itemCount != 1 -%}s{% endif -%} |
{{currencyFormat}} {tag_totalAmount}
<a href="{{cartUrl}}" class="cartSummaryLink">View Cart</a>
{% endif -%}
</div>