zz-shopify-components 0.22.1-beta.3 → 0.22.1-beta.5

package/blocks/zz-accessories-item.liquid

@@ -55,6 +55,7 @@
     %}
   </div>
   <a
+    {% if block.settings.btn_id != blank %}data-track-zz-element="{{ block.settings.btn_id }}"{% endif %}
     class='tw-block {{ btn_class }} tw-mx-auto tw-mt-[30px] tw-px-[28px] lg:tw-px-[12px] tw-w-fit tw-h-[42px] lg:tw-h-[28px] tw-rounded-[3px] tw-cursor-pointer tw-text-white tw-font-medium tw-text-[16px] lg:tw-text-[14px] tw-leading-[42px] lg:tw-leading-[28px] tw-bg-black tw-transition hover:tw-bg-black/80'
     style='background: {{ block.settings.btn_bg_color }}; color: {{ block.settings.btn_text_color }};hover: color: {{ block.settings.btn_hover_color }};'  
     href='{{ block.settings.url }}'
@@ -172,6 +173,12 @@
       "info": "国家对应链接的表,国家即是国家选择器上显示的字段，国家和路由之间用冒号隔开（ 冒号后要加空格)。国家之间换行，“default”为其他未写的默认的链接                    EG: Canada: https://hoverair.com/   default: https://hoverair.com/ ",
       "visible_if": "{{ block.settings.function_type == 'link_map' }}"
     },
+     {
+      "type": "text",
+      "id": "btn_id",
+      "label": "统计业务id",
+      "info": "用于埋点统计"
+    },
   ],
 
   "presets": [

package/blocks/zz-accessories-jp-item.liquid

@@ -54,6 +54,7 @@
     class='tw-block tw-relative tw-text-center {{ btn_class }} tw-w-full tw-mx-auto tw-mt-[30px] tw-h-[24px] lg:tw-h-[34px] tw-rounded-[3px] tw-cursor-pointer tw-text-white tw-font-medium tw-text-[9px] lg:tw-text-[12px] tw-leading-[24px] lg:tw-leading-[34px] tw-bg-black tw-transition hover:tw-bg-black/80'
     style='background: {{ block.settings.btn_bg_color }}; color: {{ block.settings.btn_text_color }};hover: color: {{ block.settings.btn_hover_color }};'  
     href='{{ block.settings.url }}'
+    {% if block.settings.btn_id != blank %}data-track-zz-element="{{ block.settings.btn_id }}"{% endif %}
   >
     {{ block.settings.btn_text }} 
     <span class="max-lg:tw-hidden tw-absolute  tw-right-[8px] tw-top-[11px]">
@@ -168,6 +169,12 @@
       "info": "国家对应链接的表,国家即是国家选择器上显示的字段，国家和路由之间用冒号隔开（ 冒号后要加空格)。国家之间换行，“default”为其他未写的默认的链接                    EG: Canada: https://hoverair.com/   default: https://hoverair.com/ ",
       "visible_if": "{{ block.settings.function_type == 'link_map' }}"
     },
+     {
+      "type": "text",
+      "id": "btn_id",
+      "label": "统计业务id",
+      "info": "用于埋点统计"
+    },
   ],
 
   "presets": [

package/blocks/zz-accessories-swiper.liquid

@@ -128,6 +128,12 @@
 </style>
 
 <div
+  {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
   class='swiper zz-accessories-swiper'
   data-id='{{ block.id }}'
 >
@@ -252,6 +258,20 @@
       ],
       "default": "normal"
     },
+    {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
+    
   ],
   "blocks": [
     {

package/blocks/zz-world-video.liquid

@@ -75,6 +75,19 @@
       "label": "Sites Link 121",
       "info": "国家对应链接的表,国家即是国家选择器上显示的字段，国家和路由之间用冒号隔开（ 冒号后要加空格)。国家之间换行，“default”为其他未写的默认的链接                    EG: Canada: https://hoverair.com/   default: https://hoverair.com/ ",
       "visible_if": "{{ block.settings.shop_select == 'JP' }}"
+    },
+       {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对section模块进行曝光统计埋点, 必须填写唯一业务id"
     },
   ],
   "presets": [
@@ -94,6 +107,12 @@
   data-x121-img='{{block.settings.img_121_icon | image_url}}'
   data-request-type='{{ block.settings.request_type }}'
   data-shop-select='{{ block.settings.shop_select }}'
+  {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
 >
   <div class='tw-flex tw-justify-center tw-items-center tw-my-[30px] lg:tw-my-[80px]'>
     
@@ -400,6 +419,7 @@
             <div
               class='tw-flex world-video-learn-more tw-cursor-pointer tw-items-center tw-gap-[12px] tw-bg-white/20 tw-backdrop-blur-[10px] tw-text-white tw-font-medium tw-h-[48px] tw-rounded-[100px] tw-px-[24px]'
               data-product-type='{product-type}'
+              data-track-zz-element="world-video-learn-more" data-track-zz-params="product_type:{product-type};id:{id}"
             >
               <img
                 class='product-icon tw-w-[auto] tw-h-[34px]'
@@ -418,6 +438,7 @@
               <div
                 class='tw-flex world-video-learn-more tw-cursor-pointer tw-items-center tw-gap-[12px] tw-bg-white/20 tw-backdrop-blur-[10px] tw-text-white tw-font-medium tw-h-[36px] tw-rounded-[75px] tw-px-[18px]'
                 data-product-type='{product-type}'
+                data-track-zz-element="world-video-learn-more" data-track-zz-params="product_type:{product-type};id:{id}"
               >
                 <img
                   class='product-icon tw-w-[auto] tw-h-[25px]'

package/package.json

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

package/sections/zz-swiper-banner.liquid

@@ -601,8 +601,15 @@
           <div
             id='{{ banner.id }}-bannerlink'
             data-banner-name="{{ banner.settings.banner_name }}"
+            {% if banner.settings.banner_name != blank %}
+              data-track-zz-block="{{ banner.settings.banner_name }}"
+              data-track-zz-exposure="true"
+            {% endif %}
             class='{{ banner.id }}-site-event swiper-content tw-w-full tw-max-w-screen tw-relative tw-text-left tw-h-full'
             style="{% if banner.settings.need_btn == false %}cursor: pointer;{% endif %}"
+            {% if banner.settings.need_btn == false and banner.settings.banner_name != blank %}
+               data-track-zz-element="{{ banner.settings.banner_name }}"
+            {% endif %}
           >
             {%- if banner.type == 'img' -%}
               {% render 'zz-img',
@@ -700,6 +707,9 @@
                   {%- if banner.settings.function_type == 'link' -%}
                     <a
                       href='{{ banner.settings.link  }}'
+                      {% if banner.settings.banner_name != blank %}
+                        data-track-zz-element="{{ banner.settings.banner_name }}"
+                      {% endif %}
                       class='{{ banner.id }}-site-event tw-w-fit tw-block tw-no-underline tw-h-[48px] max-lg:tw-px-[20px] lg:tw-px-[24px] max-lg:tw-h-[36px] tw-leading-[48px] max-lg:tw-leading-[36px] tw-text-center tw-rounded-full tw-text-[16px] max-lg:tw-text-[13px] 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' }}'
                     >
@@ -709,6 +719,9 @@
                   {%- elsif banner.settings.function_type == 'link_map' -%}
                     <div
                       id='{{ banner.id }}-site-btn'
+                      {% if banner.settings.banner_name != blank %}
+                        data-track-zz-element="{{ banner.settings.banner_name }}"
+                      {% endif %}
                       class='{{ banner.id }}-site-event tw-w-fit tw-h-[48px] max-lg:tw-px-[20px] lg:tw-px-[24px] max-lg:tw-h-[36px] tw-leading-[48px] max-lg:tw-leading-[36px] tw-text-center tw-rounded-full tw-text-[16px] max-lg:tw-text-[13px] 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' }}'
                     >

package/sections/zz-swiper-gallery.liquid

@@ -418,6 +418,7 @@
   
 <style>
 #shopify-section-{{section.id}} {
+  position: relative;
   background: {{ section.settings.bg_color }};
   display: flex;
   flex-direction: column;