zz-shopify-components 0.0.27 → 0.0.28-beta.2

package/blocks/zz-button.liquid

@@ -1,216 +1,216 @@
-
-{% schema %}
-{
-  "name": "Button",
-  "settings": [
-    {
-      "type": "text",
-      "id": "text",
-      "label": "按钮文字",
-      "default": "按钮"
-    },
-    {
-      "type": "select",
-      "id": "function_type",
-      "label": "功能类型",
-      "options": [
-        {
-          "value": "link",
-          "label": "链接"
-        },
-        {
-          "value": "link_map",
-          "label": "多国家映射"
-        },
-      ],
-      "default": "link"
-    },
-    {
-      "type": "url",
-      "id": "url",
-      "label": "按钮链接",
-      "visible_if": "{{ block.settings.function_type == 'link' }}"
-    },
-    {
-      "type": "textarea",
-      "id": "links",
-      "label": "Sites Link Map",
-      "info": "国家对应链接的表,国家即是国家选择器上显示的字段，国家和路由之间用冒号隔开（ 冒号后要加空格)。国家之间换行，“default”为其他未写的默认的链接                    EG: Canada: https://hoverair.com/   default: https://hoverair.com/ ",
-      "visible_if": "{{ block.settings.function_type == 'link_map' }}"
-    },
-    {
-      "type": "select",
-      "id": "type",
-      "label": "按钮类型",
-      "options": [
-        {
-          "value": "primary",
-          "label": "primary"
-        },
-        {
-          "value": "default",
-          "label": "default"
-        },
-        {
-          "value": "round",
-          "label": "round"
-        },
-        {
-          "value": "link",
-          "label": "link"
-        },
-        {
-          "value": "primary-round",
-          "label": "primary-round"
-        },
-      ],
-      "default": "primary"
-    },
-    {
-      "type": "select",
-      "id": "color",
-      "label": "按钮颜色",
-      "options": [
-        {
-          "value": "black",
-          "label": "black"
-        },
-        {
-          "value": "white",
-          "label": "white"
-        },
-        {
-          "value": "orange",
-          "label": "orange"
-        }
-      ],
-      "default": "black",
-    },
-    {
-      "type": "select",
-      "id": "size",
-      "label": "按钮大小",
-      "options": [
-        {
-          "value": "large",
-          "label": "large"
-        },
-        {
-          "value": "medium",
-          "label": "medium"
-        },
-        {
-          "value": "small",
-          "label": "small"
-        }
-      ],
-      "default": "medium"
-    },
-    {
-      "type": "select",
-      "id": "mobile_width",
-      "label": "移动端按钮宽度",
-      "options": [
-        { "value": "full", "label": "全宽" },
-        { "value": "auto", "label": "自动" }
-      ],
-      "default": "auto"
-    },
-    {
-      "type": "select",
-      "id": "postfix_icon",
-      "label": "后缀图标",
-      "options": [
-        { "value": "none", "label": "不展示" },
-        { "value": "download", "label": "下载" },
-        { "value": "arrow-right", "label": "向右箭头" }
-      ],
-      "default": "none"
-    },
-    {
-      "type": "number",
-      "id": "icon_size",
-      "label": "图标大小(px)",
-      "default": 15
-    },
-    {
-      "type": "number",
-      "id": "icon_left_margin",
-      "label": "图标左边距(px)",
-      "default": 0
-    },
-    {
-      "type": "number",
-      "id": "icon_right_margin",
-      "label": "图标右边距(px)",
-      "default": 0
-    },
-    {
-      "type": "text",
-      "id": "click_event_class_name",
-      "label": "点击事件统计 classname",
-    }
-  ],
-  "presets": [
-    {
-      "name": "Button"
-    },
-    {
-      "name": "按钮"
-    }
-  ]
-}
-{% endschema %}
-
-
-{% assign btn_class = 'zz-button' | append: block.id %}
-
-<style>
-
-  {% if block.settings.mobile_width == 'full' %}
-    @media (max-width: 1024px) {
-      #shopify-block-{{ block.id }} {
-        width: 100%;
-        box-sizing: border-box;
-      }
-    }
-  {% endif %}
-</style>
-
-{% render 'zz-button',
-  href: block.settings.url,
-  type: block.settings.type,
-  color: block.settings.color,
-  text: block.settings.text,
-  size: block.settings.size,
-  postfix_icon: block.settings.postfix_icon,
-  icon_size: block.settings.icon_size,
-  icon_left_margin: block.settings.icon_left_margin,
-  icon_right_margin: block.settings.icon_right_margin,
-  width: block.settings.mobile_width,
-  class_name: btn_class
-%}
-
-
-
-  <script>
-    document.addEventListener('DOMContentLoaded', (event) => {
-      const btn = document.getElementsByClassName('{{ btn_class }}')
-      if(btn && btn[0]) {
-        btn[0].addEventListener('click', (event) => {
-          dataLayer.push({
-            event: "{{ block.settings.click_event_class_name }}",
-            timestamp: new Date().toISOString(),
-          });
-        });
-        {% if block.settings.function_type == 'link_map' %}
-          if(window.bindSiteJump) {
-            bindSiteJump(btn[0], {{ block.settings.links | json }})
-          }
-        {% endif %}
-      }
-
-    })
-  </script>
-
-
+
+{% schema %}
+{
+  "name": "Button",
+  "settings": [
+    {
+      "type": "text",
+      "id": "text",
+      "label": "按钮文字",
+      "default": "按钮"
+    },
+    {
+      "type": "select",
+      "id": "function_type",
+      "label": "功能类型",
+      "options": [
+        {
+          "value": "link",
+          "label": "链接"
+        },
+        {
+          "value": "link_map",
+          "label": "多国家映射"
+        },
+      ],
+      "default": "link"
+    },
+    {
+      "type": "url",
+      "id": "url",
+      "label": "按钮链接",
+      "visible_if": "{{ block.settings.function_type == 'link' }}"
+    },
+    {
+      "type": "textarea",
+      "id": "links",
+      "label": "Sites Link Map",
+      "info": "国家对应链接的表,国家即是国家选择器上显示的字段，国家和路由之间用冒号隔开（ 冒号后要加空格)。国家之间换行，“default”为其他未写的默认的链接                    EG: Canada: https://hoverair.com/   default: https://hoverair.com/ ",
+      "visible_if": "{{ block.settings.function_type == 'link_map' }}"
+    },
+    {
+      "type": "select",
+      "id": "type",
+      "label": "按钮类型",
+      "options": [
+        {
+          "value": "primary",
+          "label": "primary"
+        },
+        {
+          "value": "default",
+          "label": "default"
+        },
+        {
+          "value": "round",
+          "label": "round"
+        },
+        {
+          "value": "link",
+          "label": "link"
+        },
+        {
+          "value": "primary-round",
+          "label": "primary-round"
+        },
+      ],
+      "default": "primary"
+    },
+    {
+      "type": "select",
+      "id": "color",
+      "label": "按钮颜色",
+      "options": [
+        {
+          "value": "black",
+          "label": "black"
+        },
+        {
+          "value": "white",
+          "label": "white"
+        },
+        {
+          "value": "orange",
+          "label": "orange"
+        }
+      ],
+      "default": "black",
+    },
+    {
+      "type": "select",
+      "id": "size",
+      "label": "按钮大小",
+      "options": [
+        {
+          "value": "large",
+          "label": "large"
+        },
+        {
+          "value": "medium",
+          "label": "medium"
+        },
+        {
+          "value": "small",
+          "label": "small"
+        }
+      ],
+      "default": "medium"
+    },
+    {
+      "type": "select",
+      "id": "mobile_width",
+      "label": "移动端按钮宽度",
+      "options": [
+        { "value": "full", "label": "全宽" },
+        { "value": "auto", "label": "自动" }
+      ],
+      "default": "auto"
+    },
+    {
+      "type": "select",
+      "id": "postfix_icon",
+      "label": "后缀图标",
+      "options": [
+        { "value": "none", "label": "不展示" },
+        { "value": "download", "label": "下载" },
+        { "value": "arrow-right", "label": "向右箭头" }
+      ],
+      "default": "none"
+    },
+    {
+      "type": "number",
+      "id": "icon_size",
+      "label": "图标大小(px)",
+      "default": 15
+    },
+    {
+      "type": "number",
+      "id": "icon_left_margin",
+      "label": "图标左边距(px)",
+      "default": 0
+    },
+    {
+      "type": "number",
+      "id": "icon_right_margin",
+      "label": "图标右边距(px)",
+      "default": 0
+    },
+    {
+      "type": "text",
+      "id": "click_event_class_name",
+      "label": "点击事件统计 classname",
+    }
+  ],
+  "presets": [
+    {
+      "name": "Button"
+    },
+    {
+      "name": "按钮"
+    }
+  ]
+}
+{% endschema %}
+
+
+{% assign btn_class = 'zz-button' | append: block.id %}
+
+<style>
+
+  {% if block.settings.mobile_width == 'full' %}
+    @media (max-width: 1024px) {
+      #shopify-block-{{ block.id }} {
+        width: 100%;
+        box-sizing: border-box;
+      }
+    }
+  {% endif %}
+</style>
+
+{% render 'zz-button',
+  href: block.settings.url,
+  type: block.settings.type,
+  color: block.settings.color,
+  text: block.settings.text,
+  size: block.settings.size,
+  postfix_icon: block.settings.postfix_icon,
+  icon_size: block.settings.icon_size,
+  icon_left_margin: block.settings.icon_left_margin,
+  icon_right_margin: block.settings.icon_right_margin,
+  width: block.settings.mobile_width,
+  class_name: btn_class
+%}
+
+
+
+  <script>
+    document.addEventListener('DOMContentLoaded', (event) => {
+      const btn = document.getElementsByClassName('{{ btn_class }}')
+      if(btn && btn[0]) {
+        btn[0].addEventListener('click', (event) => {
+          dataLayer.push({
+            event: "{{ block.settings.click_event_class_name }}",
+            timestamp: new Date().toISOString(),
+          });
+        });
+        {% if block.settings.function_type == 'link_map' %}
+          if(window.bindSiteJump) {
+            bindSiteJump(btn[0], {{ block.settings.links | json }})
+          }
+        {% endif %}
+      }
+
+    })
+  </script>
+
+