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

package/blocks/zz-tag.liquid

@@ -1,51 +1,51 @@
-
-{% schema %}
-{
-  "name": "ZZ Tag",
-  "class": "zz-tag",
-  "settings": [
-    {
-        "type": "text",
-        "id": "tag",
-        "label": "标签"
-      },
-      {
-        "type": "color",
-        "id": "tag_color",
-        "label": "标签文字颜色",
-        "default": "#000000"
-      },
-      {
-        "type": "color",
-        "id": "tag_bg_color",
-        "label": "标签背景颜色",
-        "default": "#FF7700"
-      },
-      {
-        "type": "color_background",
-        "id": "tag_bg_color_gradient",
-        "label": "标签背景颜色（渐变）",
-        "default": "linear-gradient(to right, #FF7700, #FFC081)"
-      }
-
-  ],
-  "presets": [
-    {
-      "name": "ZZ Tag"
-    },
-    {
-      "name": "标签",
-      "settings": {
-        "tag": "HEM ™"
-      }
-    }
-  ],
-}
-{% endschema %}
-
-{% render 'zz-tag',
-    tag_bg_color_gradient: block.settings.tag_bg_color_gradient,
-    tag_bg_color: block.settings.tag_bg_color,
-    tag_color: block.settings.tag_color,
-    tag: block.settings.tag
+
+{% schema %}
+{
+  "name": "ZZ Tag",
+  "class": "zz-tag",
+  "settings": [
+    {
+        "type": "text",
+        "id": "tag",
+        "label": "标签"
+      },
+      {
+        "type": "color",
+        "id": "tag_color",
+        "label": "标签文字颜色",
+        "default": "#000000"
+      },
+      {
+        "type": "color",
+        "id": "tag_bg_color",
+        "label": "标签背景颜色",
+        "default": "#FF7700"
+      },
+      {
+        "type": "color_background",
+        "id": "tag_bg_color_gradient",
+        "label": "标签背景颜色（渐变）",
+        "default": "linear-gradient(to right, #FF7700, #FFC081)"
+      }
+
+  ],
+  "presets": [
+    {
+      "name": "ZZ Tag"
+    },
+    {
+      "name": "标签",
+      "settings": {
+        "tag": "HEM ™"
+      }
+    }
+  ],
+}
+{% endschema %}
+
+{% render 'zz-tag',
+    tag_bg_color_gradient: block.settings.tag_bg_color_gradient,
+    tag_bg_color: block.settings.tag_bg_color,
+    tag_color: block.settings.tag_color,
+    tag: block.settings.tag
   %}

package/blocks/zz-text.liquid

@@ -1,228 +1,228 @@
-{% schema %}
-{
-  "name": "One Line Text",
-  "class": "zz-line-text",
-  "settings": [
-    {
-      "type": "text",
-      "id": "text_content",
-      "label": "Text Content",
-      "default": "Enter your content here"
-    },
-    {
-      "type": "color",
-      "id": "text_color",
-      "label": "Text Color",
-      "default": "#000000"
-    },
-    {
-      "type": "select",
-      "id": "font_weight",
-      "label": "Font Weight",
-      "options": [
-        {
-          "value": "400",
-          "label": "Regular"
-        },
-        {
-          "value": "500",
-          "label": "Medium"
-        },
-        {
-          "value": "600",
-          "label": "Semi Bold"
-        },
-        {
-          "value": "700",
-          "label": "Bold"
-        }
-      ],
-      "default": "400"
-    },
-
-    {
-      "type": "header",
-      "content": "PC Settings"
-    },
-    {
-      "type": "range",
-      "id": "pc_font_size",
-      "min": 12,
-      "max": 48,
-      "step": 1,
-      "unit": "px",
-      "label": "PC Font Size",
-      "default": 16
-    },
-
-    {
-      "type": "select",
-      "id": "pc_text_align",
-      "label": "PC Text Alignment",
-      "options": [
-        {
-          "value": "left",
-          "label": "Left"
-        },
-        {
-          "value": "center",
-          "label": "Center"
-        },
-        {
-          "value": "right",
-          "label": "Right"
-        }
-      ],
-      "default": "left"
-    },
-
-    {
-      "type": "header",
-      "content": "Mobile Settings"
-    },
-    {
-      "type": "range",
-      "id": "mobile_font_size",
-      "min": 8,
-      "max": 36,
-      "step": 1,
-      "unit": "px",
-      "label": "Mobile Font Size",
-      "default": 12
-    },
-    {
-      "type": "select",
-      "id": "mobile_text_align",
-      "label": "Mobile Text Alignment",
-      "options": [
-        {
-          "value": "left",
-          "label": "Left"
-        },
-        {
-          "value": "center",
-          "label": "Center"
-        },
-        {
-          "value": "right",
-          "label": "Right"
-        }
-      ],
-      "default": "left"
-    },
-
-    {
-      "type": "checkbox",
-      "id": "use_margin",
-      "label": "是否设置上下外边距",
-      "default": false
-    },
-    {
-      "type": "number",
-      "id": "mobile_margin_top",
-      "label": "移动上外边距 (Margin Top)",
-      "default": 0,
-      "visible_if": "{{ block.settings.use_margin == true }}"
-    },
-    {
-      "type": "number",
-      "id": "mobile_margin_bottom",
-      "label": "移动下外边距 (Margin Bottom)",
-      "default": 0,
-      "visible_if": "{{ block.settings.use_margin == true }}"
-    },
-    {
-      "type": "number",
-      "id": "pc_margin_top",
-      "label": "PC上外边距 (Margin Top)",
-      "default": 0,
-      "visible_if": "{{ block.settings.use_margin == true }}"
-    },
-    {
-      "type": "number",
-      "id": "pc_margin_bottom",
-      "label": "PC下外边距 (Margin Bottom)",
-      "default": 0,
-      "visible_if": "{{ block.settings.use_margin == true }}"
-    },
-    {
-      "type": "checkbox",
-      "id": "has_background",
-      "label": "是否作为背景标签",
-      "default": false
-    },
-    {
-      "type": "color_background",
-      "id": "background_color",
-      "label": "背景颜色",
-      "default": "rgba(0,0,0,0)",
-      "visible_if": "{{ block.settings.has_background == true }}"
-    },
-    {
-      "type": "number",
-      "id": "border_radius",
-      "label": "圆角",
-      "default": 10,
-      "info": "单位：px",
-      "visible_if": "{{ block.settings.has_background == true }}"
-    },
-  ],
-  "presets": [ 
-    {
-      "name": "One Line Text"
-    },
-    {
-      "name": "一行文案",
-      "settings": {
-        "text_content": "一行文案",
-        "pc_font_size": 16,
-        "text_color": "#333333",
-        "pc_text_align": "left",
-        "mobile_font_size": 14,
-        "mobile_text_align": "left"
-      }
-    }
-  ]
-}
-{% endschema %}
-
-{% render 'zz-content-text',
-  text: block.settings.text_content,
-  mb_text: block.settings.text_content,
-  text_color: block.settings.text_color,
-  pc_font_size: block.settings.pc_font_size,
-  mobile_font_size: block.settings.mobile_font_size,
-  pc_text_align: block.settings.pc_text_align,
-  mobile_text_align: block.settings.mobile_text_align,
-  font_weight: block.settings.font_weight,
-  class_name: block.settings.animation
-%}
-
-{% if block.settings.use_margin %}
-  <style>
-    #shopify-block-{{ block.id }} {
-      margin-top: {{ block.settings.mobile_margin_top }}px;
-      margin-bottom: {{ block.settings.mobile_margin_bottom }}px;
-    }
-    @media (min-width: 1024px) {
-      #shopify-block-{{ block.id }} {
-        margin-top: {{ block.settings.pc_margin_top }}px;
-        margin-bottom: {{ block.settings.pc_margin_bottom }}px;
-      }
-    }
-  
-  </style>
-{% endif %}
-
-{% if block.settings.has_background %}
-  <style>
-    #shopify-block-{{ block.id }} {
-      background-color: {{ block.settings.background_color }};
-      border-radius: {{ block.settings.border_radius }}px;
-      display:flex;
-      align-items:center;
-      justify-content:center;
-      padding: 6px 16px;
-    }
-  </style>
+{% schema %}
+{
+  "name": "One Line Text",
+  "class": "zz-line-text",
+  "settings": [
+    {
+      "type": "text",
+      "id": "text_content",
+      "label": "Text Content",
+      "default": "Enter your content here"
+    },
+    {
+      "type": "color",
+      "id": "text_color",
+      "label": "Text Color",
+      "default": "#000000"
+    },
+    {
+      "type": "select",
+      "id": "font_weight",
+      "label": "Font Weight",
+      "options": [
+        {
+          "value": "400",
+          "label": "Regular"
+        },
+        {
+          "value": "500",
+          "label": "Medium"
+        },
+        {
+          "value": "600",
+          "label": "Semi Bold"
+        },
+        {
+          "value": "700",
+          "label": "Bold"
+        }
+      ],
+      "default": "400"
+    },
+
+    {
+      "type": "header",
+      "content": "PC Settings"
+    },
+    {
+      "type": "range",
+      "id": "pc_font_size",
+      "min": 12,
+      "max": 48,
+      "step": 1,
+      "unit": "px",
+      "label": "PC Font Size",
+      "default": 16
+    },
+
+    {
+      "type": "select",
+      "id": "pc_text_align",
+      "label": "PC Text Alignment",
+      "options": [
+        {
+          "value": "left",
+          "label": "Left"
+        },
+        {
+          "value": "center",
+          "label": "Center"
+        },
+        {
+          "value": "right",
+          "label": "Right"
+        }
+      ],
+      "default": "left"
+    },
+
+    {
+      "type": "header",
+      "content": "Mobile Settings"
+    },
+    {
+      "type": "range",
+      "id": "mobile_font_size",
+      "min": 8,
+      "max": 36,
+      "step": 1,
+      "unit": "px",
+      "label": "Mobile Font Size",
+      "default": 12
+    },
+    {
+      "type": "select",
+      "id": "mobile_text_align",
+      "label": "Mobile Text Alignment",
+      "options": [
+        {
+          "value": "left",
+          "label": "Left"
+        },
+        {
+          "value": "center",
+          "label": "Center"
+        },
+        {
+          "value": "right",
+          "label": "Right"
+        }
+      ],
+      "default": "left"
+    },
+
+    {
+      "type": "checkbox",
+      "id": "use_margin",
+      "label": "是否设置上下外边距",
+      "default": false
+    },
+    {
+      "type": "number",
+      "id": "mobile_margin_top",
+      "label": "移动上外边距 (Margin Top)",
+      "default": 0,
+      "visible_if": "{{ block.settings.use_margin == true }}"
+    },
+    {
+      "type": "number",
+      "id": "mobile_margin_bottom",
+      "label": "移动下外边距 (Margin Bottom)",
+      "default": 0,
+      "visible_if": "{{ block.settings.use_margin == true }}"
+    },
+    {
+      "type": "number",
+      "id": "pc_margin_top",
+      "label": "PC上外边距 (Margin Top)",
+      "default": 0,
+      "visible_if": "{{ block.settings.use_margin == true }}"
+    },
+    {
+      "type": "number",
+      "id": "pc_margin_bottom",
+      "label": "PC下外边距 (Margin Bottom)",
+      "default": 0,
+      "visible_if": "{{ block.settings.use_margin == true }}"
+    },
+    {
+      "type": "checkbox",
+      "id": "has_background",
+      "label": "是否作为背景标签",
+      "default": false
+    },
+    {
+      "type": "color_background",
+      "id": "background_color",
+      "label": "背景颜色",
+      "default": "rgba(0,0,0,0)",
+      "visible_if": "{{ block.settings.has_background == true }}"
+    },
+    {
+      "type": "number",
+      "id": "border_radius",
+      "label": "圆角",
+      "default": 10,
+      "info": "单位：px",
+      "visible_if": "{{ block.settings.has_background == true }}"
+    },
+  ],
+  "presets": [ 
+    {
+      "name": "One Line Text"
+    },
+    {
+      "name": "一行文案",
+      "settings": {
+        "text_content": "一行文案",
+        "pc_font_size": 16,
+        "text_color": "#333333",
+        "pc_text_align": "left",
+        "mobile_font_size": 14,
+        "mobile_text_align": "left"
+      }
+    }
+  ]
+}
+{% endschema %}
+
+{% render 'zz-content-text',
+  text: block.settings.text_content,
+  mb_text: block.settings.text_content,
+  text_color: block.settings.text_color,
+  pc_font_size: block.settings.pc_font_size,
+  mobile_font_size: block.settings.mobile_font_size,
+  pc_text_align: block.settings.pc_text_align,
+  mobile_text_align: block.settings.mobile_text_align,
+  font_weight: block.settings.font_weight,
+  class_name: block.settings.animation
+%}
+
+{% if block.settings.use_margin %}
+  <style>
+    #shopify-block-{{ block.id }} {
+      margin-top: {{ block.settings.mobile_margin_top }}px;
+      margin-bottom: {{ block.settings.mobile_margin_bottom }}px;
+    }
+    @media (min-width: 1024px) {
+      #shopify-block-{{ block.id }} {
+        margin-top: {{ block.settings.pc_margin_top }}px;
+        margin-bottom: {{ block.settings.pc_margin_bottom }}px;
+      }
+    }
+  
+  </style>
+{% endif %}
+
+{% if block.settings.has_background %}
+  <style>
+    #shopify-block-{{ block.id }} {
+      background-color: {{ block.settings.background_color }};
+      border-radius: {{ block.settings.border_radius }}px;
+      display:flex;
+      align-items:center;
+      justify-content:center;
+      padding: 6px 16px;
+    }
+  </style>
 {% endif %}