zz-shopify-components 0.12.1-beta.2 → 0.13.0

package/assets/zz-buy-now-product-bar.js

@@ -17,7 +17,6 @@ class BuyNowBottomBar extends HTMLElement {
     this.hasCare = this.dataset.hasCare || false;
     this.init();
     this.currency = this.dataset.currency;
-    this.isocode = this.dataset.isocode;
     this.isEduProduct = this.dataset.isEduProduct === 'true';
     this.isLoggedIn = this.dataset.isLoggedIn === 'true';
     this.isEduVerified = this.dataset.isEduVerified === 'true';
@@ -37,9 +36,6 @@ class BuyNowBottomBar extends HTMLElement {
         }
       );
     }
-    window.addEventListener('pageshow', () => {
-      this.updatePrice();
-    });
   }
   handleAddToCart() {
     this.getMainProduct();
@@ -57,12 +53,12 @@ class BuyNowBottomBar extends HTMLElement {
 
   handleToPay() {
     this.getMainProduct();
-    const cartUrl = `/cart/${this.mainProductId}:${this.mainProductQuantity}?checkout&currency=${this.isocode}`;
-
+    const cartUrl = `/cart/${this.mainProductId}:${this.mainProductQuantity} `
     window.location.href = cartUrl;
   }
 
   async onSubmitHandler() {
+
     const data = {
       items: [
         {
@@ -131,12 +127,10 @@ class BuyNowBottomBar extends HTMLElement {
   }
 
   getMainProduct() {
-    this.mainProductId = document.querySelector(
-      'product-buy-now-selector'
-    ).currentVariantId;
-    this.mainProductQuantity = document.querySelector(
-      'product-buy-now-counter input'
-    ).value;
+    this.mainProductId =
+      document.querySelector('product-buy-now-selector').currentVariantId;
+    this.mainProductQuantity =
+      document.querySelector('product-buy-now-counter input').value;
   }
   getBindProduct() {
     this.bindProducts = [];
@@ -212,14 +206,10 @@ class BuyNowBottomBar extends HTMLElement {
     if (!window.Decimal) {
       return;
     }
-    console.log('this.isocode', this.isocode);
-    console.log('this.currency', this.currency);
     const main = document
       .querySelector('.product-version-option input:checked')
       ?.closest('.product-version-option');
-    const mainProductQuantity = document.querySelector(
-      'product-buy-now-counter input'
-    ).value;
+
     const {
       price: mainPrice,
       before: mainBefore,
@@ -228,11 +218,7 @@ class BuyNowBottomBar extends HTMLElement {
 
     let total_price = new Decimal(this.handlePrice(mainPrice));
     let total_before = new Decimal(this.handlePrice(mainBefore));
-    total_price = total_price.times(mainProductQuantity);
-    total_before = total_before.times(mainProductQuantity);
 
-    console.log('total_price', total_price);
-    console.log('total_before', total_before);
     this.toggleAddToCartButton(mainAvailable);
 
     // 找到被选中的附加产品
@@ -292,24 +278,14 @@ class BuyNowBottomBar extends HTMLElement {
     const showBefore = total_before.greaterThan(total_price);
     requestAnimationFrame(() => {
       const priceEl = this.querySelector('.price');
-      if (priceEl) {
-        priceEl.textContent = Shopify.formatMoneyFromDecimal(total_price);
-      }
-
       const beforeEl = this.querySelector('.before');
-      if (beforeEl) {
-        beforeEl.textContent = Shopify.formatMoneyFromDecimal(total_before);
-      }
-
       const mbPriceEl = this.querySelector('.mb_price');
-      if (mbPriceEl) {
-        mbPriceEl.textContent = Shopify.formatMoneyFromDecimal(total_price);
-      }
-
       const mbBeforeEl = this.querySelector('.mb_before');
-      if (mbBeforeEl) {
-        mbBeforeEl.textContent = Shopify.formatMoneyFromDecimal(total_before);
-      }
+
+      if (priceEl) priceEl.textContent = priceText;
+      if (beforeEl) beforeEl.textContent = showBefore ? beforeText : '';
+      if (mbPriceEl) mbPriceEl.textContent = priceText;
+      if (mbBeforeEl) mbBeforeEl.textContent = showBefore ? beforeText : '';
 
       // 计算折扣
       const discountEl = this.querySelectorAll('.price-discouter');
@@ -343,24 +319,8 @@ class BuyNowBottomBar extends HTMLElement {
     this.updatePayPal(total_price.toString());
   }
   handlePrice(price) {
-    console.log('handlePrice', price);
-    if (!price) return 0;
-    if (this.currency === '€') {
-      return this.handleEuroPrice(price);
-    }
     return price.toString().replace(/,/g, '') || 0;
   }
-  handleEuroPrice(price) {
-    let result = price.toString();
-    const priceFormat = this.dataset.priceFormat || '';
-    if (priceFormat.includes('amount_with_comma_separator')) {
-      result = result.replace('.', '');
-      result = result.replace(',', '.');
-    } else {
-      result = result.replace(/,/g, '');
-    }
-    return result || 0;
-  }
 
   updatePayPal(price) {
     if (!price) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zz-shopify-components",
-  "version": "0.12.1-beta.2",
+  "version": "0.13.0",
   "description": "Reusable Shopify components for theme projects",
   "keywords": [
     "shopify",

package/sections/zz-product-buy-now.liquid

@@ -276,19 +276,10 @@
   #shopify-section-{{ section.id }} .product-version-option:has(input[type='radio']:checked) {
     border-color: #FFD400;
   }
-  @media (max-width: 750px) {
-    body {
-      background: #fff;
-      padding-bottom: 118px !important;
-    }
-  }
-  @media (min-width: 750px) {
-    body {
-      background: #fff;
-      padding-bottom: 72px !important;
-    }
+  body {
+    background: #fff;
+    padding-bottom: 160px !important;
   }
-  
 </style>
 <script defer src='{{ 'zz-product-buy-now-select.js' | asset_url }}'></script>
 

package/snippets/zz-buy-now-bottom-bar.liquid

@@ -22,9 +22,7 @@
   data-care-guide='{{ care_guide_type }}'
   data-is-edu-product='{{ is_edu_product }}'
   data-is-logged-in='{{ is_logged_in }}'
-  data-price-format='{{ shop.money_format  }}'
   data-is-edu-verified='{{ is_edu_verified }}'
-  data-isocode='{{ localization.country.currency.iso_code }}'
   data-edu-page-url='{{ shop.metafields.custom.edu_home_page.value.url }}'
   class=' tw-left-0 tw-right-0 tw-max-w-screen tw-bg-white tw-bottom-0 tw-z-50 !tw-fixed  buy-now-bottom-bar'
 >