wip produtoras/id page

components/CoopCard.vue

@@ -152,7 +152,8 @@ export default {
           transition: all 0.2s ease;
 
           &:hover {
-            background: #f3f4f6;
+            background: $color-button;
+            color: white;
           }
         }
       }

components/HighlightsCard.vue

@@ -128,7 +128,7 @@ export default {
   methods: {
     getProductImg(product) {
       if (product && product.image) return product.image
-      return `@/assets/img/latienda-product-default.svg`
+      return `@/assets/img/consumo-default.png`
     },
   },
 }

components/ProductCard.vue

@@ -11,7 +11,7 @@
         <img
           v-else
           class="image"
-          src="@/assets/img/latienda-product-default.svg"
+          src="@/assets/img/consumo-default.png"
           :alt="product.name"
         />
       </div>

components/ProductCardDetails.vue

@@ -161,7 +161,7 @@ export default {
     getProductImg(product) {
       if (product && product.image) 
         return product.image
-      return `@/assets/img/latienda-product-default.svg`
+      return `@/assets/img/consumo-default.png`
     },
     tagRoute(tag) {
       return `/busqueda?tags=${tag}`

components/ProductModal.vue

@@ -174,7 +174,7 @@ export default {
     },
     getImgUrl(image) {
       if (image) return image
-      return `@/assets/img/latienda-product-default.svg`
+      return `@/assets/img/consumo-default.png`
     },
     redirectToLogin() {
       this.$router.push({

components/ProductsRelated.vue

@@ -15,7 +15,7 @@
       <img
         v-else
         class="image-default"
-        src="@/assets/img/latienda-product-default.svg"
+        src="@/assets/img/consumo-default.png"
         alt=""
       />
       <h3>{{ product.name }}</h3>