removing carousel functionality for mobile size

oscar/static/css/responsive.css

@@ -145,6 +145,7 @@
     margin-bottom: 15px;
     height: auto!important;
     padding: 0px;
+    text-align: left;
   }
   .products li .product_pod .star {
     clear: none;
@@ -153,6 +154,9 @@
   .products li .product_pod .avaliability {
     text-align: left;
   }
+  .products li .product_pod .product_price {
+    position: static;
+  }
   .products li .product_pod .product_price h4 {
     margin-bottom: 0px;
     display: inline;
@@ -160,7 +164,10 @@
   .products li .product_pod .product_price h4 span, .products li .product_pod .product_price h4 del {
     float: none;
   }
-  .products li .product_pod .product_price .btn {
+  .products li .product_pod .product_price form input#id_quantity {
+    width: auto;
+  }
+  .products li .product_pod .product_price form .btn {
     width: auto;
     display: block;
     padding: 5px 14px 6px;
@@ -170,10 +177,7 @@
     width: 25%;
     float: left;
     margin-right: 15px;
-    margin-bottom: 0px;
-  }
-  .products li .product_pod .product_price {
-    position: static;
+    margin-bottom: 80px;
   }
   .star {
     padding-left: 70px;

oscar/static/js/oscar/ui.js

@@ -56,17 +56,41 @@ $(document).ready(function()
           .remove();
     });
     
-    // Width and height of main navigation
-    var $browse_width = $('aside.span3').outerWidth(),
-        $browse_height = $('#browse > .dropdown-menu').outerHeight();
-    // set width of nav dropdown on the homepage
-    $('#browse').find('> .dropdown-menu').css({
-      width: $browse_width
-    });
-    // set margin top of aside allow space for home navigation
-    $('.home aside.span3').css({
-      marginTop: $browse_height
-    });
+    
+    var $window_width = $(window).width(); // Width of the window
+        $browse_width = $('aside.span3').outerWidth(),// Width of main navigation
+        $browse_height = $('#browse > .dropdown-menu').outerHeight();// Height of main navigation
+    
+    if ($window_width > 480) {
+      
+      // set width of nav dropdown on the homepage
+      $('#browse').find('> .dropdown-menu').css({
+        width: $browse_width
+      });
+      // set margin top of aside allow space for home navigation
+      $('.home aside.span3').css({
+        marginTop: $browse_height
+      });
+      
+      // This activates elastislide
+      var es_carousel = $('.es-carousel-wrapper'),
+          product_page = $('.product_page').length;
+      // on prodct page
+      if (product_page > 0) {
+        es_carousel.elastislide({
+            imageW: 175,
+            minItems: 5
+        });
+      }
+      else {
+        es_carousel.elastislide({
+          imageW: 200,
+          minItems: 4
+        });
+      }
+      
+    }    
+    
     
     // This activates the promotional banner carousel
     $('#myCarousel').carousel({
@@ -79,22 +103,7 @@ $(document).ready(function()
     // This activates the alerts
     $('.alert').alert('.close');
     
-    // This activates elastislide
-    var es_carousel = $('.es-carousel-wrapper'),
-        product_page = $('.product_page').length;
-    // on prodct page
-    if (product_page > 0) {
-      es_carousel.elastislide({
-          imageW: 175,
-          minItems: 5
-      });
-    }
-    else {
-      es_carousel.elastislide({
-        imageW: 200,
-        minItems: 4
-      });
-    }  
+      
 
     // Acordion - remove the first in the list as it is duplication.
     var n = $('.accordion dt').length;

oscar/static/less/responsive.less

@@ -179,6 +179,7 @@
         margin-bottom:15px;
         height:auto!important;
         padding:0px;
+        text-align:left;
         .star {
           clear:none;
           margin-left:@quart * 1.15;
@@ -187,6 +188,7 @@
           text-align:left;
         }
         .product_price {
+          position:static;
           h4 {
             margin-bottom:0px;
             display:inline;
@@ -194,21 +196,24 @@
               float:none;
             }
           }
-          .btn {
-            width:auto;
-            display:block;
-            padding: 5px 14px 6px;
-            margin-top:5px;
+          form {
+            input#id_quantity {
+              width: auto;
+            }
+            .btn {
+              width:auto;
+              display:block;
+              padding: 5px 14px 6px;
+              margin-top:5px;
+            }
           }
+          
         } 
         .image_container {
           width:@quart;
           float:left;
           margin-right:15px;
-          margin-bottom:0px;
-        }
-        .product_price {
-          position:static;
+          margin-bottom:80px;
         }
       }
     }

oscar/templates/promotions/automaticproductlist.html

@@ -8,7 +8,7 @@
     <!-- Elastislide Carousel -->
     <div class="es-carousel-wrapper">
         <div class="es-carousel">
-            <ul>
+            <ul class="products">
                 {% for product in promotion.get_products %}
                 <li>
                     <article class="product_pod">

oscar/templates/promotions/handpickedproductlist.html

@@ -9,7 +9,7 @@
     <!-- Elastislide Carousel -->
     <div class="es-carousel-wrapper">
         <div class="es-carousel">
-            <ul>
+            <ul class="products">
                 {% for product in promotion.get_products %}
                 <li>
                     <article class="product_pod">

oscar/templates/promotions/layout.html

@@ -111,7 +111,6 @@
 
 {# Block for additional scripts #}
 {% block extrascripts %}
-    <script src="{{ STATIC_URL }}js/scrollto/jquery.scrollTo-min.js" type="text/javascript" charset="utf-8"></script>
     <!-- Elastislide carousel js -->
     <script src="{{ STATIC_URL }}js/elastislide/jquery.elastislide.js" type="text/javascript" charset="utf-8"></script>    
     <!-- Front end js -->