Cart - Haider Sons | Public Address Sound System
SUBTOTAL :

Cart

Shopping Cart

{if #cart.updateForm.errors}
    {loop items="#cart.updateForm.errors" value="error"}
  • {#error.message}
  • {/loop}
{/if} {#cart.updateForm.tag.open} Continue Shopping Checkout {loop items="#cart.products" value="product"} {/loop} {if #cart.coupons} {loop items="#cart.coupons" value="coupon"} {/loop} {/if}
  Item Price Quantity Total
{#product.productName} {loop items="#product.options" value="option"}
{#option.label}: {#option.value} {/loop}
{#product.currentPrice.value}{if #product.pricePerUnit exists && #product.pricePerUnit != "None"} / {#product.pricePerUnit}{/if} {#product.fields.quantity.tag}{#product.fields.partialQuantity.tag} {#product.totalPrice.value}
Subtotal {#cart.cartTotalBeforeDiscounts.value}
{#coupon.name} ({#coupon.code}) -{#coupon.savingsValue}
Total {#cart.cartTotal.value}
{#cart.updateForm.tag.close} {#cart.updateForm.tag.open}
Have a coupon? {#cart.updateForm.fields.coupon.tag}
{#cart.updateForm.tag.close}
Continue Shopping Checkout CSS: Ideally this CSS would go in your CSS file, however, you could also put it in the Inline CSS textbox for the content template. .shopping-cart {width: 100%; border-top: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; clear: both;} .shopping-cart th {background: #F0F0F0;} .shopping-cart th, .shopping-cart td {border-bottom: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; padding: 3px;} .shopping-cart .link {font-size: 90%; white-space: nowrap;} .shopping-cart .product {width: 55%} .shopping-cart .price {width: 5%;} .shopping-cart .quantity {width: 15%;} .shopping-cart .quantity input {width: 30px;} .shopping-cart .price {width: 20%;} .shopping-cart .product-img {border: 1px solid #ccc; background-color: #e9e9e9; padding: 3px; width: 80px; height: 80px; float: left;} .shopping-cart .product-img img {max-width:80px;max-height:80px;width:auto;height:auto;} .shopping-cart .product-name {margin-left: 100px;} .shopping-cart tr.totals {font-weight: bold;} .shopping-cart tr.totals a {font-weight: normal;} .shopping-cart .quantity-span {text-align: right;} .coupon {margin:20px 0 0;text-align:right;} .continue-shopping {float:left;margin:20px 0;} .checkout-button {float: right; margin: 20px 0; font-weight: bold;}

0 Reviews:

Post Your Review