Merge pull request PrestaShop#251 from SharakPL/fix-buttons

Fix buttons on wishlist products
leemyongpakva · Mar 5, 2024 · 46273b6 · 46273b6
2 parents d2653e7 + a91972b
commit 46273b6
Showing 1 changed file with 7 additions and 21 deletions.
diff --git a/_dev/front/js/components/Product/Product.vue b/_dev/front/js/components/Product/Product.vue
@@ -116,23 +116,23 @@
       <button
         class="btn wishlist-product-addtocart"
         :class="{
-          'btn-secondary': product.customizable === '1',
-          'btn-primary': product.customizable === '0'
+          'btn-secondary': product.customizable,
+          'btn-primary': !product.customizable
         }"
         :disabled="isDisabled || forceDisable"
         @click="
-          product.add_to_cart_url || product.customizable === '1'
+          product.add_to_cart_url || product.customizable
             ? addToCartAction()
             : null
         "
       >
         <i
           class="material-icons shopping-cart"
-          v-if="product.customizable === '0'"
+          v-if="!product.customizable"
         >
           shopping_cart
         </i>
-        {{ product.customizable === '1' ? customizeText : addToCart }}
+        {{ product.customizable ? customizeText : addToCart }}
       </button>
 
       <button
@@ -235,7 +235,7 @@
           return false;
         }
 
-        if (this.product.customizable === '1') {
+        if (this.product.customizable) {
           return false;
         }
 
@@ -271,7 +271,7 @@
         });
       },
       async addToCartAction() {
-        if (this.product.add_to_cart_url && this.product.customizable !== '1') {
+        if (this.product.add_to_cart_url && !this.product.customizable) {
           try {
             this.forceDisable = true;
             const datas = new FormData();
@@ -474,20 +474,6 @@
       &-addtocart {
         width: 100%;
         text-transform: inherit;
-        padding-left: 0.625rem;
-
-        &.btn-secondary {
-          background-color: #dddddd;
-
-          &:hover {
-            background-color: #dddddd;
-            opacity: 0.7;
-          }
-        }
-
-        i {
-          margin-top: -0.1875rem;
-        }
       }
     }