non fuctional add to cart part created

front-ui/app/components/items/itemWithDetailsPage.js

@@ -3,7 +3,8 @@ var React = require('react'),
     Traits = require('../items/traits'),
     ItemDetailsActions = require('../../actions/itemDetailsActions'),
     NavigationStore = require('../../stores/navigationStore'),
-    ItemDetailsStore = require('../../stores/itemDetailsStore');
+    ItemDetailsStore = require('../../stores/itemDetailsStore'),
+    AddToCart = require('../cart/addToCart');
 
 var Router = require('react-router');
 
@@ -13,6 +14,7 @@ var ItemWithDetailsPage = React.createClass({
     render: function() {
 
       return (
+     
         <div className="item-with-details row-fluid center">
           <div className="col-md-5">
             <Carousel images={this.state.images}
@@ -20,6 +22,7 @@ var ItemWithDetailsPage = React.createClass({
                     onClickLeft={this.onClickLeft}
                     onClickRight={this.onClickRight}
                     onSelectImage={this.onSelectImage} />
+                      <AddToCart />
         
           </div>
 
@@ -32,6 +35,7 @@ var ItemWithDetailsPage = React.createClass({
             </div>
 
             <Traits traits={this.state.item.get('traits')} />
+          
           </div>
         </div>
         );       

front-ui/app/components/items/singleItem.js

@@ -13,7 +13,7 @@ var SingleItem = React.createClass({
       firstImage = firstImage || { url:  "http://res.cloudinary.com/lfvt7ps2n/image/upload/c_crop,g_center,w_300/v1421732950/http_www.asms.ru_bitrix_templates_main_images_nophoto_irnofq.png" } ;
       return (    
         <div className="single_item"  onClick={itemClick}>
-        <img src={firstImage.url} />
+        <img src={firstImage.url} className="item_list_image" />
         <h1> { this.props.item.get('name') }</h1>
         <div> { this.props.item.get('list_price') } KM </div>
         </div>