zz-shopify-components 0.34.0 → 0.34.1-beta.0

package/package.json

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

package/sections/zz-navigation-tab-v3.liquid

@@ -61,6 +61,12 @@
       "id": "buy_now_click_event_class_name",
       "label": "buy now 点击事件统计 classname",
     },
+       {
+      "type": "text",
+      "id": "tab_tracking_category",
+      "label": "tab统计分类",
+      "default": "141"
+    },
 
 
   ],
@@ -138,13 +144,14 @@
         <div class="cover-box tw-absolute tw-top-0 tw-left-[-50px] tw-w-[50px] tw-h-full">&nbsp;</div>
           
         {%- endif -%}
-        {% render 'zz-button',
+        {% render 'zz-button-v2',
           href: section.settings.url,
           type: 'primary',
           color: 'white',
           text: section.settings.btn_text,
           size: 'medium',
-          class_name: btn_class
+          class_name: btn_class,
+          btn_id: section.settings.buy_now_click_event_class_name,
       
         %}
       </div>
@@ -178,13 +185,14 @@
     {%- if section.blocks.size > 0 -%}
     <div class="cover-box tw-absolute tw-top-0 tw-left-[-40px] tw-w-[40px] tw-h-full">&nbsp;</div>
     {%- endif -%}
-    {% render 'zz-button',
+    {% render 'zz-button-v2',
       href: section.settings.url,
       type: 'primary',
       color: 'white',
       text: section.settings.btn_text,
       size: 'small',
-      class_name: btn_class
+      class_name: btn_class,
+      btn_id: section.settings.buy_now_click_event_class_name,
     %}
   </div>
 </div>
@@ -253,10 +261,7 @@
           const offsetTop = rect.top + window.scrollY - headerHeight;
           scrollPaginationToCenter();
           window.scrollTo(0, offsetTop);
-          window.zzAnalytics && window.zzAnalytics.trackEvent('141_productpage_click_header_tab_item', {
-            timestamp: new Date().toISOString(),
-            header_module_name: id,
-          });
+          
         });
       });
   
@@ -273,8 +278,13 @@
             const id = entry.target.dataset.zzModuleName;
             tabs.forEach(tab => {
                 tab.classList.toggle('zz-navigation-active-text', tab.dataset.target === id);
-                scrollPaginationToCenter();
-
+                if(tab.dataset.target === id) {
+                  window.zzAnalytics && window.zzAnalytics.trackEvent("{{ section.settings.tab_tracking_category }}", {
+                    tab_name: id,
+                    timestamp: new Date().toISOString(),
+                  });
+                  scrollPaginationToCenter();
+                }
             });
           }
           

package/sections/zz-swiper-banner.liquid

@@ -891,7 +891,7 @@
                       {% if banner.settings.banner_name != blank %}
                         data-track-zz-element="{{ banner.settings.banner_name }}"
                       {% endif %}
-                      class='{{ banner.id }}-site-event zz-banner-btn tw-w-fit tw-block tw-no-underline tw-h-[44px] max-lg:tw-px-[2rem] lg:tw-px-[24px] max-lg:tw-h-[3.6rem] tw-leading-[44px] max-lg:tw-leading-[3.6rem] tw-text-center tw-rounded-full tw-text-[16px] max-lg:tw-text-[1.3rem] max-lg:tw-mx-auto tw-cursor-pointer'
+                      class='{{ banner.id }}-site-event zz-banner-btn tw-w-fit tw-block tw-no-underline tw-h-[44px] max-lg:tw-px-[2rem] lg:tw-px-[24px] max-lg:tw-h-[3.6rem] tw-leading-[44px] max-lg:tw-leading-[3.6rem] tw-text-center tw-rounded-[4px] tw-text-[16px] max-lg:tw-text-[1.3rem] max-lg:tw-mx-auto tw-cursor-pointer'
                       style='color: {{ banner.settings.btn_color | default: 'black' }}; border: 1px solid {{ banner.settings.btn_border_color | default: 'white' }}; background: {{ banner.settings.btn_background_color | default: 'white' }}'
                     >
                       {{- banner.settings.btn_text -}}
@@ -903,7 +903,7 @@
                       {% if banner.settings.banner_name != blank %}
                         data-track-zz-element="{{ banner.settings.banner_name }}"
                       {% endif %}
-                      class='{{ banner.id }}-site-event zz-banner-btn tw-w-fit tw-h-[44px] max-lg:tw-px-[2rem] lg:tw-px-[24px] max-lg:tw-h-[3.6rem] tw-leading-[44px] max-lg:tw-leading-[3.6rem] tw-text-center tw-rounded-full tw-text-[16px] max-lg:tw-text-[1.3rem] max-lg:tw-mx-auto tw-cursor-pointer'
+                      class='{{ banner.id }}-site-event zz-banner-btn tw-w-fit tw-h-[44px] max-lg:tw-px-[2rem] lg:tw-px-[24px] max-lg:tw-h-[3.6rem] tw-leading-[44px] max-lg:tw-leading-[3.6rem] tw-text-center tw-rounded-[4px] tw-text-[16px] max-lg:tw-text-[1.3rem] max-lg:tw-mx-auto tw-cursor-pointer'
                       style='color: {{ banner.settings.btn_color | default: 'black' }}; border: 1px solid {{ banner.settings.btn_border_color | default: 'white' }}; background: {{ banner.settings.btn_background_color | default: 'white' }}'
                     >
                       {{- banner.settings.btn_text -}}

package/snippets/zz-buy-buttom.liquid

@@ -24,7 +24,7 @@
   {% assign btn_text = btn_out_of_stock | default: 'OUT OF STOCK' %}
 {% endif %}
 
-<button {% unless is_available %}disabled{% endunless %} class='tw-flex tw-items-center tw-justify-center tw-text-white tw-border-none tw-h-full tw-px-6 tw-py-4 tw-bg-[#FC6C0F] tw-rounded-full tw-font-semibold tw-text-[16px] {{ button_class }}'>
+<button {% unless is_available %}disabled{% endunless %} class='tw-flex tw-items-center tw-justify-center tw-text-white tw-border-none tw-h-[44px] lg:tw-h-[36px] lg:tw-px-[36px] tw-bg-[#FC6C0F] tw-rounded-[4px] tw-font-semibold tw-text-[1.4rem] lg:tw-text-[16px] {{ button_class }}'>
   <span
     class='buy-loading  tw-hidden tw-daisy-loading tw-daisy-loading-spinner '
   ></span>

package/snippets/zz-video-button.liquid

@@ -21,12 +21,13 @@ size：按钮尺寸
 <zz-video-button>
 
   {% assign btn_class_name = class_name  | append: ' togglePopup' %}
-  {% render 'zz-button',
+  {% render 'zz-button-v2',
       type: 'default',
       color: color,
       text: text,
       size: size,
       backdrop_filter: true,
+      btn_id: 'video-btn',
       class_name: btn_class_name,
       icon: '<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M13.635 6.42979C14.5112 6.91507 14.5112 8.08492 13.635 8.57021L6.84517 12.331C5.94149 12.8315 4.79058 12.232 4.79058 11.2608L4.79058 3.73925C4.79058 2.768 5.94148 2.16851 6.84517 2.66904L13.635 6.42979Z" fill="white"/>