product info view

catalog/static/css/body.css

@@ -179,8 +179,10 @@ li.pol {
 div .info-product-box {
     position: absolute;
     display: block;
-    top: 148px;
-    left: -552px;
+    /*top: 657px;*/
+    /*left: -552px;*/
+    top: 55px;
+    left: -557px;
     height: 90px;
     background: #fff;
     width: 240%;
@@ -189,6 +191,21 @@ div .info-product-box {
     margin-bottom: 15px;
 }
 
+div .info-product-cart-box {
+    position: absolute;
+    display: block;
+    /*top: 657px;*/
+    /*left: -552px;*/
+    top: -103px;
+    left: -570px;
+    height: 90px;
+    background: #fff;
+    width: 275%;
+    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
+    border-radius: 2px;
+    margin-bottom: 15px;
+}
+
 ul.control-sidebar-menu li div.bg-geo {
     display: none;
 }
@@ -232,12 +249,14 @@ div .bg-geo {
     font-size: 18px;
 }
 
-.info-product-box .progress .progress-bar {
+.info-product-box .progress .progress-bar,
+.info-product-cart-box .progress .progress-bar {
     border-radius: 0;
     background: #fff;
 }
 
-.info-product-box .progress {
+.info-product-box .progress,
+.info-product-cart-box .progress {
     background: rgba(0,0,0,0.2);
     margin: 5px -10px 5px -10px;
     height: 2px;
@@ -260,6 +279,7 @@ div .bg-geo {
 .info-product-box-number,
 .progress-description {
     color: white;
+    text-align: left;
 }
 
 div .menu-info h4 {
@@ -316,10 +336,10 @@ div #product-list-cart-items {
     overflow: auto;
 }
 
-div #product-list-cart-items {
+/*div #product-list-cart-items {
     max-height: 167px;
     overflow: auto;
-}
+}*/
 
 div .sidebar-title h3 {
     float: left;

catalog/static/js/dataRetrieval.js

@@ -212,7 +212,7 @@ $(document).ready(function () {
                 if (!PRODUCT_IN_LIST) {
                     console.log("DEFS: ahora crea producto");
                     productListPrev.push(data);
-                    var div_top = 148;
+                    // var div_top = 148;
                     data.catalog.forEach(function (data) {
                         console.log("DD: ", data);
 
@@ -225,7 +225,7 @@ $(document).ready(function () {
                             },
                             dataType: 'json',
                             success: function (res) {
-                                console.log("DIV_TOP: ", div_top);
+                                // console.log("DIV_TOP: ", div_top);
                                 var product_html =  '<li id="' + data.id + '">' +
                                                         '<a href="javascript:void(0)">' +
                                                             '<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>' +
@@ -237,7 +237,8 @@ $(document).ready(function () {
                                                                 '<input type="checkbox" name="product_selected" value="' + data.id + '" checked>' +
                                                             '</div>'+
                                                         '</a>' +
-                                                        '<div class="info-product-box bg-geo" style="top: ' + div_top + 'px;">' +
+                                                        // '<div class="info-product-box bg-geo" style="top: ' + div_top + 'px;">' +
+                                                        '<div class="info-product-box bg-geo">' +
                                                             '<span class="info-product-box-img">' +
                                                                 '<img src="data:image/jpeg;base64, ' + res.img + '">' +
                                                             '</span>' +
@@ -253,7 +254,7 @@ $(document).ready(function () {
                                                     '</li>';
 
                                 $('#product-list-globe').append(product_html);
-                                div_top += 75;
+                                // div_top += 75;
                             }
 
                         });
@@ -300,7 +301,7 @@ $(document).ready(function () {
                                         '<ul id="product-list-cart-items" class="control-sidebar-menu">';
 
         var product_html_li = '';
-        var div_top = 148;
+        // var div_top = 148;
         console.log("djdj: ", productListGlobe);
         productListGlobe.forEach(function (data) {
             if (submit_data_array.indexOf(data.id) > -1) {
@@ -318,7 +319,8 @@ $(document).ready(function () {
                                                 '<p>' + data.product.beginposition + '</p>' +
                                             '</div>'+
                                         '</a>' +
-                                        '<div class="info-product-box bg-geo" style="top: ' + div_top + 'px;">' +
+                                        // '<div class="info-product-box bg-geo" style="top: ' + div_top + 'px;">' +
+                                        '<div class="info-product-cart-box bg-geo">' +
                                             '<span class="info-product-box-img">' +
                                                 '<img src="/static/images/sat_preview/sat_test.jpg">' +
                                             '</span>' +
@@ -333,7 +335,7 @@ $(document).ready(function () {
                                         '</div>' +
                                     '</li>';
 
-                div_top += 52;
+                // div_top += 52;
             }
         });
 

catalog/templates/base_top.html

@@ -142,7 +142,7 @@
 {#                    </li>#}
                 </ul>
                 <!-- /.control-sidebar-menu -->
-{#                </form>#}
+                </form>
             </div>
             <!-- /.tab-pane -->
             <!-- Stats tab content -->