edit themes

themes/contrib/estore/css/styles.css

@@ -617,7 +617,83 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
 .block-views-blockfaq-block-1 .active {
   background-color: #c40316;
 }
+.button.btn-inde{
+  cursor: pointer;
+    width: 30px;
+    background-color: rgb(255, 255, 255);
+    border-width: 1px;
+    border-style: solid;
+    border-color: #ccc;
+    border-image: initial;
+    height: 34px;
+    color: rgb(36, 36, 36);
+    font-size: 14px;
+    text-align: center;
+    outline: none;
+    padding-top: 0;
+    line-height: 28px;
+    display: inline-block;
+    font-size: 16px;
+}
 
+.cart-form .cart-total{
+  border: 1px solid rgb(212 212 212);
+  border-bottom: none;
+  margin-bottom: 0 !important;
+}
+.cart-form  .order-total-line{
+  width: 100%;
+    display: inline-block;
+    padding: 17px 20px !important;
+    border-bottom: 1px solid rgb(244, 244, 244);
+}
+.cart-form button.btn-default{
+  background-color: #ea5354 !important;
+  color: white !important;
+  outline: none  !important;;
+}
+.cart-form button.btn-info{
+  background: white !important;
+  outline: 5px auto -webkit-focus-ring-color !important;
+}
+.cart-form button{
+  border: none !important;
+  outline: none  !important;;
+  background: white !important;
+  color: black !important;
+  margin-bottom: 10px;
+  margin-right: 0 !important;
+  width: 100%;
+}
+.cart-form div.form-wrapper{
+  padding: 20px;
+  border: 1px solid rgb(212 212 212);
+  border-top: none;
+  
+}
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.button.btn-inde:hover{
+  border-color: #ea442c;
+    outline: 0;
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(228, 165, 156);
+
+}
+.cart-form input[type=number] {
+  width: 40px;
+  text-align: center;
+  padding: 0 !important;
+  border-left: none;
+  border-right: none;
+}
+/* Firefox */
+input[type=number] {
+  -moz-appearance: textfield;
+}
 .block-views-blockfaq-block-1 .active a, .block-views-blockfaq-block-1 .active.accordion:after {
   color: white !important
 }

themes/contrib/estore/js/custom.js

@@ -151,12 +151,33 @@ for (i = 0; i < acc.length; i++) {
     $(".pin").find("i.fa").removeClass("fa-chevron-right").addClass("fa-chevron-down");
   }
 
+  let numberInput = $('input[type=number]');
 
+  // console.log(numberInput);
+  numberInput.after('<div class="button btn-inde">+</div>');
+  numberInput.before('<div class="button btn-inde">-</div>');
+  $('.btn-inde').click( function() {
+    
+    var $button = $(this);
+    var oldValue = $button.parent().find("input").val();
+  
+    if ($button.text() == "+") {
+      var newVal = parseFloat(oldValue) + 1;
+    } else {
+     // Don't allow decrementing below zero
+      if (oldValue > 0) {
+        var newVal = parseFloat(oldValue) - 1;
+      } else {
+        newVal = 0;
+      }
+    }
+    $button.parent().find("input").val(newVal);
+  
+  });
+  $('.cart-form .table-responsive').addClass('col-lg-9 col-sm-12 col-xs-12');
+  $('.cart-form .field--name-total-price').addClass('cart-total col-lg-3 col-sm-12 col-xs-12 text-center')
+  $('.cart-form div.form-wrapper').addClass('cart-submit col-lg-3 col-sm-12 col-xs-12 text-center')
   //  Custom menu
-
-
-
-
   $(".sidebar-submenu-2").find(".sidebar-submenu-3").parents(".sidebar-submenu-2").addClass("three-level");
   $(".mobile-modal").hide();