@lancom/shared 0.0.409 → 0.0.411

package/components/product/product_multipacks_carousel/product-multipacks-carousel.vue

@@ -43,11 +43,6 @@ export default {
   components: {
     ProductMultipack
   },
-  data() {
-    return {
-      thumbsPage: 0
-    };
-  },
   props: {
     product: {
       type: Object,
@@ -70,8 +65,10 @@ export default {
       default: 3
     }
   },
-  created() {
-    console.log('LancomProductMultipacks...')
+  data() {
+    return {
+      thumbsPage: 0
+    };
   },
   computed: {
     ...mapGetters(['currency']),

package/components/product/product_multipacks_carousel/product_multipack/product-multipack.vue

@@ -25,7 +25,7 @@
       </div>
     </div>
     <div class="ProductMultipack__price">
-      {{ oneItemPrice | price(currency) }} each 
+      {{ oneItemPrice | price(currency) }} each
       <span>{{ totalPrice | price(currency) }}</span>
     </div>
   </div>
@@ -79,7 +79,9 @@ export default {
       return simpleProducts.find(sp => sp.size?.shortName === simpleProduct?.size?.shortName) || simpleProducts[0];
     },
     totalPrice() {
-      return this.oneItemPrice * this.multipack.qty;
+      const itemPrice = priceFromRange(this.multipack.qty, this.simpleProduct?.pricing);
+      const price = itemPrice * this.multipack.qty;
+      return this.withGst ? tax(price, this.gstTax) : price;
     },
     oneItemPrice() {
       const price = priceFromRange(this.multipack.qty, this.simpleProduct?.pricing);

package/layouts/products.vue

@@ -126,10 +126,10 @@
         return 'product';
       },
       pageItemImage() {
-        const images = this.products.reduce((images, product) => {
+        const images = this.products?.reduce((images, product) => {
           const image = getProductLargeCover(product, 'front') || getProductMediumCover(product, 'front');
           return image ? [...images, image] : images;
-        }, []);
+        }, []) || [];
         return images.slice(0, 1);
       },
       currentBrand() {

package/mixins/product-view.js

@@ -42,7 +42,7 @@ export default (IS_PRODUCT_PRESET_PRINT_PRICING, isEditor = false) => ({
         const redirectUrl = generateProductLink(product, data.defaultColor, isEditor);
         return redirect(301, redirectUrl);
       }
-      
+
       if (params.sku && params.sku !== product?.SKU?.toLowerCase()) {
         return error({ statusCode: 404, message: 'Product not found' });
       }
@@ -58,6 +58,11 @@ export default (IS_PRODUCT_PRESET_PRINT_PRICING, isEditor = false) => ({
       if (query.price) {
         store.commit('product/setPriceIncludeGST', query.price === 'IT');
       }
+      if (query.multipack) {
+        const multipackQty = +query.multipack.split('-multipack-')[1];
+        const multipack = product.multipacks?.find(m => m.qty === multipackQty);
+        store.commit('product/setMultipack', multipack);
+      }
     } catch (e) {
       console.log(e);
     }
@@ -179,7 +184,7 @@ export default (IS_PRODUCT_PRESET_PRINT_PRICING, isEditor = false) => ({
       }
     } catch (e) {
     }
-    
+
     this.fillBreadcrumbs();
     const { multipack } = this.$route.query;
     if (multipack) {
@@ -277,7 +282,7 @@ export default (IS_PRODUCT_PRESET_PRINT_PRICING, isEditor = false) => ({
         const maxPrice = this.printsPrice ? spMaxPrice + this.printsPrice : spMaxPrice;
         const availability = sp.quantityStock > 0 ? 'InStock' : 'OutOfStock';
         const name = `${this.product.name} | ${sp.size?.shortName || ''} ${sp.color?.name || ''}`;
-    
+
         const offer = {
           '@type': 'Offer',
           name,
@@ -309,7 +314,7 @@ export default (IS_PRODUCT_PRESET_PRINT_PRICING, isEditor = false) => ({
           // if (sp.quantityStock > 0) {
           // }
         }
-        
+
         offer.shippingDetails = { "@id": "#shipping_policy" };
         offer.hasMerchantReturnPolicy = { "@id": "#return_policy" };
 
@@ -422,4 +427,4 @@ export default (IS_PRODUCT_PRESET_PRINT_PRICING, isEditor = false) => ({
       this.$store.state.shop?.shippingPolicySchema
     ].filter(s => !!s);
   }
-});
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.409",
+  "version": "0.0.411",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {