CartLinks.ss

<div class="right">
    <ul class="shop-links">
        <li>
            <% if $Cart.Products.Count %>
                <a class="cart" id="cart-preview" href="#">
            <% end_if %>
            <i class="icon-shopping-cart"></i>
            <% if $Cart.Products.Count %>
                ($Cart.Products.Count) <%t Shop.Items 'Items' %></a>
                <div class="cart-summary">
                    <form action="<% loop getPageByClass('CartPage') %>$Link<% end_loop %>CartForm">
                    <div class="cart-summary-top"></div>
                    <div class="cart-items">
                        <% loop $Cart.Items %>
                            <div class="cart-item">
                                <div class="cart-item-image">
                                    $Product.Picture.CroppedImage(50, 50)
                                </div>
                                <div class="cart-item-summary">
                                    <a href="$Product.Link">$Product.Title</a><br />
                                    <span class="cart-item-quantity">x $Quantity</span>
                                    <input type="text" name="Quantity[$ID]" value="$Quantity" class="hidden" id="CartForm_CartForm_Quantity-$ID" >
                                </div>
                                <div class="cart-item-remove">
                                    <a href="#" data-item="$ID" class="remove-item-js"></a>
                                </div>
                            </div>
                        <% end_loop %>
                    </div>
                    <div class="cart-summary-bottom">
                        <a href="$CartLink" class="cart-link"><%t Shop.ViewCart "View Cart" %></a>
                    </div>
                    $Fields.dataFieldByName(SecurityID)
                    <input type="submit" name="action_updateCart" value="Update Cart" class="action hidden" id="CartForm_CartForm_action_updateCart">
                    </form>
                </div>
                <% require javascript('framework/thirdparty/jquery/jquery.js') %>
                <% require javascript('framework/thirdparty/jquery-entwine/dist/jquery.entwine-dist.js') %>
                <% require javascript(common/js/CartPreview.js) %>
            <% else %>
                <%t Shop.CartEmpty 'Your cart is currently empty' %>
            <% end_if %>
        </li>
        <% if CurrentMember %>
            <li><a href="$CartLink(Account)" class="rev"><%t Shop.Account "Your account" %></a></li>
            <li class="last"><a href="$CartLink(Logout)" class="log"><%t LeftAndMain_Menu_ss.LOGOUT "Log out" %></a></li>
        <% else %>
            <li class="last"><a href="$CartLink(Login)" class="log"><%t Security.LOGIN "Log in" %></a></li>
        <% end_if %>
    </ul>
</div>