Delete cart.php and use mask-icon trash for remove btn

bootscore · Jul 29, 2023 · f9ba9a8 · f9ba9a8
1 parent 7fb8480
commit f9ba9a8
Show file tree

Hide file tree

Showing 3 changed files with 95 additions and 209 deletions.
diff --git a/scss/bootscore_woocommerce/_wc_cart.scss b/scss/bootscore_woocommerce/_wc_cart.scss
@@ -5,8 +5,8 @@ WooCommerce Cart
 // Cart totals
 .woocommerce .cart-collaterals .cart_totals,
 .woocommerce-page .cart-collaterals .cart_totals {
-  float: none;
-  width: 100%;
+  //float: none;
+  //width: 100%;
 }
 
 
@@ -56,3 +56,95 @@ WooCommerce Cart
   @extend .btn-lg;
   display: block;
 }
+
+
+
+
+
+
+
+
+
+
+
+
+// Remove btn
+/* Hide the "x" */
+.woocommerce {
+  a.remove {
+    position: relative;
+    text-indent: -9999px;
+    border: 0;
+
+    &:hover {
+      background: none;
+    }
+
+    /* Add a Fontawesome icon instead */
+    /* Learn More in the Following Paragraphs */
+
+    &::before {
+      /*
+  font-family: FontAwesome;
+  content: "\f2ed";
+  color: var(--bscore-remove-invalid, var(--#{$prefix}danger));
+  float: left;
+  text-indent: 0;
+  font-size: $font-size-base;
+  */
+
+      /*
+    position: absolute;
+    left: 1.25rem;
+    top: 50%;
+    transform: translate(0, -50%);
+  */
+      content: ' ';
+      text-indent: 0;
+      //float: left;
+      position: absolute;
+      top: 50%;
+      left: 0;
+      transform: translate(0, -50%);
+
+      mask-position: center;
+      mask-repeat: no-repeat;
+      //mask-size: $font-size-base;
+      //mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
+      mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Free 6.4.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons%2c Inc. --%3e%3cpath d='M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3e%3c/svg%3e");
+
+      -webkit-mask-position: center;
+      -webkit-mask-repeat: no-repeat;
+      //-webkit-mask-size: $font-size-base;
+      //-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
+      -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Free 6.4.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons%2c Inc. --%3e%3cpath d='M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3e%3c/svg%3e");
+
+      width: $font-size-base;
+      height: $font-size-base;
+      background-color: var(--bscore-remove-invalid, var(--#{$prefix}danger));
+    }
+  }
+
+
+}
+
+
+
+
+
+// Coupon
+.woocommerce-cart .coupon {
+  @extend .input-group;
+
+
+
+  input {
+    @extend .form-control;
+  }
+
+  button {
+    @extend .input-group-text;
+    //background: green;
+  }
+
+}
diff --git a/woocommerce/cart/cart.php b/woocommerce/cart/cart.php
diff --git a/woocommerce/wc-functions.php b/woocommerce/wc-functions.php
@@ -111,7 +111,7 @@ function bs_woocommerce_breadcrumbs() {
 
 
 // Remove cross-sells at cart
-remove_action('woocommerce_cart_collaterals', 'woocommerce_cross_sell_display');
+//remove_action('woocommerce_cart_collaterals', 'woocommerce_cross_sell_display');
 // Remove cross-sells at cart End