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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/CHANGELOG.md +21 -21
  2. package/README.md +70 -56
  3. package/assets/ScrollTrigger.min.js +11 -11
  4. package/assets/gsap.min.js +11 -11
  5. package/assets/jquery.js +2 -2
  6. package/assets/lazy-video.js +2 -2
  7. package/assets/lazyload.min.js +1 -1
  8. package/assets/lozad.js +10 -10
  9. package/assets/site-jump.js +52 -52
  10. package/assets/site-jumpV2.js +35 -35
  11. package/assets/swiper-bundle.min.css +12 -12
  12. package/assets/swiper-bundle.min.js +13 -13
  13. package/assets/swiper.css +330 -330
  14. package/assets/zz-components.css +322 -322
  15. package/assets/zz-components.js +166 -166
  16. package/assets/zz-fade-in-content.js +169 -169
  17. package/assets/zz-http-request.js +73 -73
  18. package/assets/zz-world-video-comments-dialog.js +240 -240
  19. package/assets/zz-world-video-dialog.js +190 -190
  20. package/assets/zz-world-video-list.js +317 -317
  21. package/assets/zz-world-video.js +270 -270
  22. package/blocks/zz-accessories-item.liquid +188 -188
  23. package/blocks/zz-accessories-swiper.liquid +223 -223
  24. package/blocks/zz-button.liquid +216 -216
  25. package/blocks/zz-content-description-html.liquid +201 -201
  26. package/blocks/zz-content-description.liquid +209 -209
  27. package/blocks/zz-flex-layout-bg-block.liquid +524 -524
  28. package/blocks/zz-flex-layout-block.liquid +549 -549
  29. package/blocks/zz-flex-layout-widget.liquid +321 -321
  30. package/blocks/zz-full-screen-swiper.liquid +443 -443
  31. package/blocks/zz-icon.liquid +46 -46
  32. package/blocks/zz-mail.liquid +135 -135
  33. package/blocks/zz-mb-swiper-pc-flex.liquid +273 -273
  34. package/blocks/zz-price-tag-mini.liquid +106 -106
  35. package/blocks/zz-price-tag.liquid +41 -41
  36. package/blocks/zz-ratio-image.liquid +181 -181
  37. package/blocks/zz-ratio-video.liquid +115 -115
  38. package/blocks/zz-responsive-width-image.liquid +222 -222
  39. package/blocks/zz-responsive-width-video.liquid +166 -166
  40. package/blocks/zz-scroll-animate-bg-text.liquid +268 -268
  41. package/blocks/zz-scroll-cover.liquid +67 -67
  42. package/blocks/zz-tag.liquid +50 -50
  43. package/blocks/zz-text.liquid +227 -227
  44. package/blocks/zz-title.liquid +287 -287
  45. package/blocks/zz-video-button.liquid +84 -84
  46. package/blocks/zz-video-img-item.liquid +203 -203
  47. package/blocks/zz-video-img-list.liquid +166 -166
  48. package/blocks/zz-video-swiper-perview-item.liquid +221 -221
  49. package/blocks/zz-video-swiper-perview.liquid +585 -585
  50. package/blocks/zz-world-video.liquid +639 -639
  51. package/component.config.json +7 -7
  52. package/package.json +1 -1
  53. package/scripts/postinstall-v1.js +39 -39
  54. package/scripts/postinstall-v2.js +47 -47
  55. package/scripts/postinstall-v3.js +51 -51
  56. package/scripts/publish-npm.js +43 -43
  57. package/sections/zz-flex-layout-section.liquid +269 -269
  58. package/sections/zz-navigation-tab-v3.liquid +409 -409
  59. package/sections/zz-navigation-tab.liquid +411 -411
  60. package/sections/zz-shopping-card-list.liquid +399 -399
  61. package/sections/zz-video-collapse-swiper.liquid +522 -522
  62. package/sections/zz-video-tab-swiper.liquid +748 -748
  63. package/snippets/zz-button.liquid +70 -70
  64. package/snippets/zz-content-h3.liquid +15 -15
  65. package/snippets/zz-content-text.liquid +56 -56
  66. package/snippets/zz-h2.liquid +31 -31
  67. package/snippets/zz-h3.liquid +31 -31
  68. package/snippets/zz-h4.liquid +30 -30
  69. package/snippets/zz-h5.liquid +39 -39
  70. package/snippets/zz-h6.liquid +39 -39
  71. package/snippets/zz-icon-next.liquid +17 -17
  72. package/snippets/zz-icon-prev.liquid +17 -17
  73. package/snippets/zz-icon.liquid +74 -74
  74. package/snippets/zz-img-md.liquid +44 -44
  75. package/snippets/zz-img.liquid +44 -44
  76. package/snippets/zz-prev-next-blur-icon.liquid +36 -36
  77. package/snippets/zz-prev-next-btn.liquid +62 -62
  78. package/snippets/zz-price-tag.liquid +22 -22
  79. package/snippets/zz-spoke.liquid +142 -142
  80. package/snippets/zz-tag.liquid +22 -22
  81. package/snippets/zz-video-button.liquid +54 -54
  82. package/snippets/zz-video-md.liquid +117 -117
  83. package/snippets/zz-video.liquid +117 -117
package/blocks/zz-content-description.liquid CHANGED
@@ -1,209 +1,209 @@
1
- {% schema %}
2
- {
3
- "name": "Content Text",
4
- "class": "zz-content-description",
5
- "settings": [
6
- {
7
- "type": "color",
8
- "id": "text_color",
9
- "label": "Text Color",
10
- "default": "#000000"
11
- },
12
- {
13
- "type": "header",
14
- "content": "PC Settings"
15
- },
16
- {
17
- "type": "richtext",
18
- "id": "pc_content",
19
- "label": "PC Content",
20
- "default": "<p>Enter your content here</p>"
21
- },
22
-
23
- {
24
- "type": "range",
25
- "id": "pc_font_size",
26
- "min": 12,
27
- "max": 48,
28
- "step": 1,
29
- "unit": "px",
30
- "label": "PC Font Size",
31
- "default": 16
32
- },
33
- {
34
- "type": "range",
35
- "id": "pc_font_line_height",
36
- "min": 1,
37
- "max": 2,
38
- "step": 0.1,
39
- "label": "PC Font Line Height",
40
- "default": 1.5
41
- },
42
- {
43
- "type": "select",
44
- "id": "pc_text_align",
45
- "label": "PC Text Alignment",
46
- "options": [
47
- {
48
- "value": "left",
49
- "label": "Left"
50
- },
51
- {
52
- "value": "center",
53
- "label": "Center"
54
- },
55
- {
56
- "value": "right",
57
- "label": "Right"
58
- }
59
- ],
60
- "default": "left"
61
- },
62
-
63
- {
64
- "type": "header",
65
- "content": "Mobile Settings"
66
- },
67
- {
68
- "type": "richtext",
69
- "id": "mobile_content",
70
- "label": "Mobile Content",
71
- "default": "<p>Enter your mobile content here</p>"
72
- },
73
- {
74
- "type": "range",
75
- "id": "mobile_font_size",
76
- "min": 8,
77
- "max": 36,
78
- "step": 1,
79
- "unit": "px",
80
- "label": "Mobile Font Size",
81
- "default": 12
82
- },
83
- {
84
- "type": "range",
85
- "id": "mobile_font_line_height",
86
- "min": 1,
87
- "max": 2,
88
- "step": 0.1,
89
- "label": "Mobile Font Line Height",
90
- "default": 1.5
91
- },
92
- {
93
- "type": "select",
94
- "id": "mobile_text_align",
95
- "label": "Mobile Text Alignment",
96
- "options": [
97
- {
98
- "value": "left",
99
- "label": "Left"
100
- },
101
- {
102
- "value": "center",
103
- "label": "Center"
104
- },
105
- {
106
- "value": "right",
107
- "label": "Right"
108
- }
109
- ],
110
- "default": "left"
111
- },
112
-
113
- {
114
- "type": "select",
115
- "id": "animation",
116
- "label": "动画",
117
- "options": [
118
- { "value": "none-animation", "label": "无动画" },
119
- { "value": "fade-in-content", "label": "从下往上显示" },
120
- { "value": "fade-in-from-left-content", "label": "从左往右显示" },
121
- { "value": "fade-in-from-right-content", "label": "从右往左显示" },
122
- { "value": "slow-reveal-content", "label": "跟随页面滚动缓慢显示" }
123
- ],
124
- "default": "none-animation"
125
- },
126
- {
127
- "type": "checkbox",
128
- "id": "use_margin",
129
- "label": "是否设置上下外边距",
130
- "default": false
131
- },
132
- {
133
- "type": "number",
134
- "id": "mobile_margin_top",
135
- "label": "移动上外边距 (Margin Top)",
136
- "default": 0,
137
- "visible_if": "{{ block.settings.use_margin == true }}"
138
- },
139
- {
140
- "type": "number",
141
- "id": "mobile_margin_bottom",
142
- "label": "移动下外边距 (Margin Bottom)",
143
- "default": 0,
144
- "visible_if": "{{ block.settings.use_margin == true }}"
145
- },
146
- {
147
- "type": "number",
148
- "id": "pc_margin_top",
149
- "label": "PC上外边距 (Margin Top)",
150
- "default": 0,
151
- "visible_if": "{{ block.settings.use_margin == true }}"
152
- },
153
- {
154
- "type": "number",
155
- "id": "pc_margin_bottom",
156
- "label": "PC下外边距 (Margin Bottom)",
157
- "default": 0,
158
- "visible_if": "{{ block.settings.use_margin == true }}"
159
- },
160
- ],
161
- "presets": [
162
- {
163
- "name": "Content Text"
164
- },
165
- {
166
- "name": "内容描述",
167
- "settings": {
168
- "pc_content": "<p>This is a detailed product description </p>",
169
- "pc_font_size": 16,
170
- "text_color": "#333333",
171
- "pc_text_align": "left",
172
- "mobile_content": "<p>This is a detailed product description</p>",
173
- "mobile_font_size": 14,
174
- "mobile_text_align": "left"
175
- }
176
- }
177
- ]
178
- }
179
- {% endschema %}
180
-
181
- {% render 'zz-content-text',
182
- text: block.settings.pc_content,
183
- mb_text: block.settings.mobile_content,
184
- text_color: block.settings.text_color,
185
- pc_font_size: block.settings.pc_font_size,
186
- mobile_font_size: block.settings.mobile_font_size,
187
- pc_text_align: block.settings.pc_text_align,
188
- mobile_text_align: block.settings.mobile_text_align,
189
- pc_font_line_height: block.settings.pc_font_line_height,
190
- mobile_font_line_height: block.settings.mobile_font_line_height,
191
- class_name: block.settings.animation
192
- %}
193
-
194
- {% if block.settings.use_margin %}
195
- <style>
196
- #shopify-block-{{ block.id }} {
197
- margin-top: {{ block.settings.mobile_margin_top }}px;
198
- margin-bottom: {{ block.settings.mobile_margin_bottom }}px;
199
- }
200
- @media (min-width: 1024px) {
201
- #shopify-block-{{ block.id }} {
202
- margin-top: {{ block.settings.pc_margin_top }}px;
203
- margin-bottom: {{ block.settings.pc_margin_bottom }}px;
204
- }
205
- }
206
-
207
- </style>
208
- {% endif %}
209
-
1
+ {% schema %}
2
+ {
3
+ "name": "Content Text",
4
+ "class": "zz-content-description",
5
+ "settings": [
6
+ {
7
+ "type": "color",
8
+ "id": "text_color",
9
+ "label": "Text Color",
10
+ "default": "#000000"
11
+ },
12
+ {
13
+ "type": "header",
14
+ "content": "PC Settings"
15
+ },
16
+ {
17
+ "type": "richtext",
18
+ "id": "pc_content",
19
+ "label": "PC Content",
20
+ "default": "<p>Enter your content here</p>"
21
+ },
22
+
23
+ {
24
+ "type": "range",
25
+ "id": "pc_font_size",
26
+ "min": 12,
27
+ "max": 48,
28
+ "step": 1,
29
+ "unit": "px",
30
+ "label": "PC Font Size",
31
+ "default": 16
32
+ },
33
+ {
34
+ "type": "range",
35
+ "id": "pc_font_line_height",
36
+ "min": 1,
37
+ "max": 2,
38
+ "step": 0.1,
39
+ "label": "PC Font Line Height",
40
+ "default": 1.5
41
+ },
42
+ {
43
+ "type": "select",
44
+ "id": "pc_text_align",
45
+ "label": "PC Text Alignment",
46
+ "options": [
47
+ {
48
+ "value": "left",
49
+ "label": "Left"
50
+ },
51
+ {
52
+ "value": "center",
53
+ "label": "Center"
54
+ },
55
+ {
56
+ "value": "right",
57
+ "label": "Right"
58
+ }
59
+ ],
60
+ "default": "left"
61
+ },
62
+
63
+ {
64
+ "type": "header",
65
+ "content": "Mobile Settings"
66
+ },
67
+ {
68
+ "type": "richtext",
69
+ "id": "mobile_content",
70
+ "label": "Mobile Content",
71
+ "default": "<p>Enter your mobile content here</p>"
72
+ },
73
+ {
74
+ "type": "range",
75
+ "id": "mobile_font_size",
76
+ "min": 8,
77
+ "max": 36,
78
+ "step": 1,
79
+ "unit": "px",
80
+ "label": "Mobile Font Size",
81
+ "default": 12
82
+ },
83
+ {
84
+ "type": "range",
85
+ "id": "mobile_font_line_height",
86
+ "min": 1,
87
+ "max": 2,
88
+ "step": 0.1,
89
+ "label": "Mobile Font Line Height",
90
+ "default": 1.5
91
+ },
92
+ {
93
+ "type": "select",
94
+ "id": "mobile_text_align",
95
+ "label": "Mobile Text Alignment",
96
+ "options": [
97
+ {
98
+ "value": "left",
99
+ "label": "Left"
100
+ },
101
+ {
102
+ "value": "center",
103
+ "label": "Center"
104
+ },
105
+ {
106
+ "value": "right",
107
+ "label": "Right"
108
+ }
109
+ ],
110
+ "default": "left"
111
+ },
112
+
113
+ {
114
+ "type": "select",
115
+ "id": "animation",
116
+ "label": "动画",
117
+ "options": [
118
+ { "value": "none-animation", "label": "无动画" },
119
+ { "value": "fade-in-content", "label": "从下往上显示" },
120
+ { "value": "fade-in-from-left-content", "label": "从左往右显示" },
121
+ { "value": "fade-in-from-right-content", "label": "从右往左显示" },
122
+ { "value": "slow-reveal-content", "label": "跟随页面滚动缓慢显示" }
123
+ ],
124
+ "default": "none-animation"
125
+ },
126
+ {
127
+ "type": "checkbox",
128
+ "id": "use_margin",
129
+ "label": "是否设置上下外边距",
130
+ "default": false
131
+ },
132
+ {
133
+ "type": "number",
134
+ "id": "mobile_margin_top",
135
+ "label": "移动上外边距 (Margin Top)",
136
+ "default": 0,
137
+ "visible_if": "{{ block.settings.use_margin == true }}"
138
+ },
139
+ {
140
+ "type": "number",
141
+ "id": "mobile_margin_bottom",
142
+ "label": "移动下外边距 (Margin Bottom)",
143
+ "default": 0,
144
+ "visible_if": "{{ block.settings.use_margin == true }}"
145
+ },
146
+ {
147
+ "type": "number",
148
+ "id": "pc_margin_top",
149
+ "label": "PC上外边距 (Margin Top)",
150
+ "default": 0,
151
+ "visible_if": "{{ block.settings.use_margin == true }}"
152
+ },
153
+ {
154
+ "type": "number",
155
+ "id": "pc_margin_bottom",
156
+ "label": "PC下外边距 (Margin Bottom)",
157
+ "default": 0,
158
+ "visible_if": "{{ block.settings.use_margin == true }}"
159
+ },
160
+ ],
161
+ "presets": [
162
+ {
163
+ "name": "Content Text"
164
+ },
165
+ {
166
+ "name": "内容描述",
167
+ "settings": {
168
+ "pc_content": "<p>This is a detailed product description </p>",
169
+ "pc_font_size": 16,
170
+ "text_color": "#333333",
171
+ "pc_text_align": "left",
172
+ "mobile_content": "<p>This is a detailed product description</p>",
173
+ "mobile_font_size": 14,
174
+ "mobile_text_align": "left"
175
+ }
176
+ }
177
+ ]
178
+ }
179
+ {% endschema %}
180
+
181
+ {% render 'zz-content-text',
182
+ text: block.settings.pc_content,
183
+ mb_text: block.settings.mobile_content,
184
+ text_color: block.settings.text_color,
185
+ pc_font_size: block.settings.pc_font_size,
186
+ mobile_font_size: block.settings.mobile_font_size,
187
+ pc_text_align: block.settings.pc_text_align,
188
+ mobile_text_align: block.settings.mobile_text_align,
189
+ pc_font_line_height: block.settings.pc_font_line_height,
190
+ mobile_font_line_height: block.settings.mobile_font_line_height,
191
+ class_name: block.settings.animation
192
+ %}
193
+
194
+ {% if block.settings.use_margin %}
195
+ <style>
196
+ #shopify-block-{{ block.id }} {
197
+ margin-top: {{ block.settings.mobile_margin_top }}px;
198
+ margin-bottom: {{ block.settings.mobile_margin_bottom }}px;
199
+ }
200
+ @media (min-width: 1024px) {
201
+ #shopify-block-{{ block.id }} {
202
+ margin-top: {{ block.settings.pc_margin_top }}px;
203
+ margin-bottom: {{ block.settings.pc_margin_bottom }}px;
204
+ }
205
+ }
206
+
207
+ </style>
208
+ {% endif %}
209
+