zz-shopify-components 0.35.1-beta.1 → 0.35.1-beta.3

package/package.json

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

package/sections/zz-card-strip.liquid

@@ -503,6 +503,7 @@ zz-card-strip section 是一个用于展示多张可展开卡片的横向交互
     #zz-card-strip-{{ section.id }} button.zz-mobile-only {
       width: 124px;
       height: 42px;
+      padding: 0px;
     }
   }
 </style>
@@ -678,6 +679,32 @@ zz-card-strip section 是一个用于展示多张可展开卡片的横向交互
             btn_id: mb_btn_id,
             modal_id: block.settings.modal_id
           %}
+        <script>
+          document.addEventListener('DOMContentLoaded', (event) => {
+            const btn = document.getElementsByClassName('{{ btn_class }}')
+            if(btn && btn[0]) {
+              {% for block in section.blocks %}
+                {% if block.type == 'cta_button' %}
+                  {% if block.settings.click_event_class_name != blank %}
+                    btn[0].addEventListener('click', (event) => {
+                      window.zzAnalytics && window.zzAnalytics.trackEvent("{{ block.settings.click_event_class_name }}", {
+                        timestamp: new Date().toISOString(),
+                      });
+                    });
+                  {% endif %}
+                  {% if block.settings.function_type == 'link_map' %}
+                    if(window.bindSiteJump) {
+                      bindSiteJump(btn[0], {{ block.settings.links | json }})
+                      if (btn[1]) {
+                          bindSiteJump(btn[1], {{ block.settings.links | json }})
+                      }
+                    }
+                  {% endif %}
+                {% endif %}
+              {% endfor %}
+            }
+          })
+        </script>
       {% endif %}
     {% endfor %}
   </div>
@@ -1155,29 +1182,6 @@ zz-card-strip section 是一个用于展示多张可展开卡片的横向交互
   }
 })();
 </script>
-  <script>
-    document.addEventListener('DOMContentLoaded', (event) => {
-      const btn = document.getElementsByClassName('{{ btn_class }}')
-      if(btn && btn[0]) {
-        {% for block in section.blocks %}
-          {% if block.type == 'cta_button' %}
-            {% if block.settings.click_event_class_name != blank %}
-              btn[0].addEventListener('click', (event) => {
-                window.zzAnalytics && window.zzAnalytics.trackEvent("{{ block.settings.click_event_class_name }}", {
-                  timestamp: new Date().toISOString(),
-                });
-              });
-            {% endif %}
-            {% if block.settings.function_type == 'link_map' %}
-              if(window.bindSiteJump) {
-                bindSiteJump(btn[0], {{ block.settings.links | json }})
-              }
-            {% endif %}
-          {% endif %}
-        {% endfor %}
-      }
-    })
-  </script>
 
 {% schema %}
 {

package/sections/zz-live-chat.liquid

@@ -85,12 +85,15 @@
     const closeButton = section.querySelector('[data-live-chat-close]');
     const chatNowButton = section.querySelector('[data-live-chat-open]');
     const emailLink = section.querySelector('[data-live-chat-email]');
-    const isDesktop = window.matchMedia('(min-width: 1024px)');
+    const isDesktop = window.matchMedia('(min-width: 1025px)');
 
     if (!wrapper || !floatingButton || !promptPanel) {
       return;
     }
 
+    const desktopAutoPromptDelay = 10000;
+    const mobileAutoPromptDelay = 30000;
+
     let scrollTimeout;
     let hasInsertedStyle = false;
     let isLogin = false;
@@ -295,7 +298,7 @@
 
         hasAutoPrompted = true;
         showPrompt('auto');
-      }, 10000);
+      }, isDesktop.matches ? desktopAutoPromptDelay : mobileAutoPromptDelay);
     }
 
     function handleFloatingButtonClick(event) {
@@ -484,7 +487,6 @@
       closeButton.addEventListener('click', function(event) {
         event.preventDefault();
         closePrompt();
-        wrapper.classList.add('hidden');
       });
     }
 
@@ -761,7 +763,7 @@
     pointer-events: none;
   }
 
-  @media (min-width: 1024px) {
+  @media (min-width: 1025px) {
     #shopify-section-{{ section.id }} .live-chat-entry {
       bottom: {{ section.settings.pc_bottom }}px;
     }
@@ -772,7 +774,7 @@
 
   }
 
-  @media (max-width: 1023px) {
+  @media (max-width: 1024px) {
     #shopify-section-{{ section.id }} .live-chat-entry {
       right: 16px;
       align-items: flex-end;