diff --git a/front-ui/app/components/cart/cartPage.js b/front-ui/app/components/cart/cartPage.js
index 307cc44..62fdeae 100644
--- a/front-ui/app/components/cart/cartPage.js
+++ b/front-ui/app/components/cart/cartPage.js
@@ -4,8 +4,9 @@ var React = require('react'),
     CartActions = require('../../actions/cartActions'),
     SingleItem = require('../items/singleItem'),
     AddToCart = require('../cart/addToCart'),
-    Globals = require('../../globals');
-    ;
+    Globals = require('../../globals'),
+    CartTotal = require('./cartTotal');
+    
 
 var Router = require('react-router');
 
@@ -21,6 +22,7 @@ var CartPage = React.createClass({
         var count = counts[i.get('id')].get('count');
         var price = i.get('list_price');
         return (
+      
            <div key={i.get('id')} className="row cart-items">
               <div className="col-md-3"><SingleItem item={i} hidePrice={true}/> </div>
               <div className="col-md-2"> { Globals.FormatCurrency(price) }</div>
@@ -28,7 +30,9 @@ var CartPage = React.createClass({
               <div className="col-md-3"> <AddToCart itemId={i.get('id')} /> </div>
               <div className="col-md-1"> = </div>
               <div className="col-md-2"> { Globals.FormatCurrency(count * price) }</div>
-           </div> 
+           </div>
+
+
           )
       });
 
@@ -36,6 +40,7 @@ var CartPage = React.createClass({
      
         <div className="cart-page center">
            {displayedItems}
+           <CartTotal items={this.state.items} itemCounts={this.state.itemCounts} />
         </div>
         );       
 
diff --git a/front-ui/app/components/cart/cartTotal.js b/front-ui/app/components/cart/cartTotal.js
new file mode 100644
index 0000000..8217e25
--- /dev/null
+++ b/front-ui/app/components/cart/cartTotal.js
@@ -0,0 +1,37 @@
+var React = require('react'),
+    Globals = require('../../globals');
+    ;
+
+var Router = require('react-router');
+
+
+var CartTotal = React.createClass({
+
+    render: function() {
+
+      var counts = this.props.itemCounts;
+      var total = 0; 
+      this.props.items.map(function (i) {
+
+        var count = counts[i.get('id')].get('count');
+        var price = i.get('list_price');
+        total += (price * count)
+        return total;
+
+      });
+
+      return (
+     
+        <div className="row-fluid cart-total">
+          <div className="col-md-offset-9 col-md-3">
+          Ukupno: {Globals.FormatCurrency(total)} + Dostava 
+          </div>
+        </div>
+        );       
+
+    }
+
+});
+
+
+module.exports = CartTotal; 
diff --git a/front-ui/app/css/cart.css b/front-ui/app/css/cart.css
index d5bb65b..4f070d7 100644
--- a/front-ui/app/css/cart.css
+++ b/front-ui/app/css/cart.css
@@ -28,4 +28,8 @@
 .cart-items {
 	vertical-align:middle;
 	font-size: 17px;
+}
+
+.cart-total {
+   	font-size: 17px;
 }
\ No newline at end of file