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

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
@@ -1,46 +1,46 @@
1
-
2
- {% schema %}
3
- {
4
- "name": "Icon",
5
- "settings": [
6
- {
7
- "type": "select",
8
- "id": "icon_name",
9
- "label": "图标类型",
10
- "options": [
11
- {
12
- "value": "download",
13
- "label": "download"
14
- },
15
- {
16
- "value": "arrow-right",
17
- "label": "arrow-right"
18
- },
19
- {
20
- "value": "mail",
21
- "label": "mail"
22
- },
23
- {
24
- "value": "copy",
25
- "label": "copy"
26
- }
27
- ],
28
- "default": "download"
29
- },
30
- {
31
- "type": "number",
32
- "id": "icon_size",
33
- "label": "图标大小",
34
- "default": 15
35
- }
36
- ],
37
- "presets": [
38
- {
39
- "name": "Icon"
40
- }
41
- ]
42
- }
43
- {% endschema %}
44
-
45
-
46
- {% render 'zz-icon', icon_name: block.settings.icon_name, icon_size: block.settings.icon_size %}
1
+
2
+ {% schema %}
3
+ {
4
+ "name": "Icon",
5
+ "settings": [
6
+ {
7
+ "type": "select",
8
+ "id": "icon_name",
9
+ "label": "图标类型",
10
+ "options": [
11
+ {
12
+ "value": "download",
13
+ "label": "download"
14
+ },
15
+ {
16
+ "value": "arrow-right",
17
+ "label": "arrow-right"
18
+ },
19
+ {
20
+ "value": "mail",
21
+ "label": "mail"
22
+ },
23
+ {
24
+ "value": "copy",
25
+ "label": "copy"
26
+ }
27
+ ],
28
+ "default": "download"
29
+ },
30
+ {
31
+ "type": "number",
32
+ "id": "icon_size",
33
+ "label": "图标大小",
34
+ "default": 15
35
+ }
36
+ ],
37
+ "presets": [
38
+ {
39
+ "name": "Icon"
40
+ }
41
+ ]
42
+ }
43
+ {% endschema %}
44
+
45
+
46
+ {% render 'zz-icon', icon_name: block.settings.icon_name, icon_size: block.settings.icon_size %}
@@ -1,135 +1,135 @@
1
- {% schema %}
2
- {
3
- "name": "Email Link",
4
- "settings": [
5
- {
6
- "type": "text",
7
- "id": "email_address",
8
- "label": "邮箱地址",
9
- "default": "pr@hoverair.com"
10
- },
11
- {
12
- "type": "text",
13
- "id": "subject",
14
- "label": "邮件主题",
15
- "default": "Media Inquiries"
16
- },
17
- {
18
- "type": "text",
19
- "id": "text",
20
- "label": "复制成功提示",
21
- "default": "Copied to clipboard"
22
- }
23
- ],
24
- "presets": [
25
- {
26
- "name": "Email Link"
27
- }
28
- ]
29
- }
30
- {% endschema %}
31
-
32
- <style>
33
- .zz-btn-icon {
34
- display: flex;
35
- padding-left: 4px;
36
- }
37
- </style>
38
-
39
- <span class='tw-inline-flex tw-text-[#378DDD] tw-items-center tw-text-[12px] lg:tw-text-[14px] '>
40
- <a
41
- href='mailto:{{ block.settings.email_address }}?subject={{ block.settings.subject | default: "Media Inquiries" }}'
42
- class='tw-text-[#378DDD] tw-no-underline'
43
- >
44
- <span class='zz-btn-text'>{{ block.settings.email_address }}</span>
45
- </a>
46
- <span
47
- class='zz-btn-icon tw-cursor-pointer tw-daisy-tooltip'
48
- data-tip='Copy to clipboard'
49
- id='zz-email-copy-icon'
50
- >
51
- {% render 'zz-icon', icon_name: 'copy', icon_size: 25 %}
52
- </span>
53
- </span>
54
- <div id='toast-email-copied'>{{ block.settings.text | default: "Copied to clipboard" }}</div>
55
-
56
- <style>
57
- #toast-email-copied {
58
- visibility: hidden;
59
- min-width: 250px;
60
- margin-left: -125px;
61
- background-color: #333;
62
- color: #fff;
63
- text-align: center;
64
- border-radius: 2px;
65
- padding: 16px;
66
- position: fixed;
67
- z-index: 1;
68
- left: 50%;
69
- bottom: 30px;
70
- }
71
-
72
- #toast-email-copied.show {
73
- visibility: visible;
74
- -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
75
- animation: fadein 0.5s, fadeout 0.5s 2.5s;
76
- }
77
-
78
- @-webkit-keyframes fadein {
79
- from {
80
- bottom: 0;
81
- opacity: 0;
82
- }
83
- to {
84
- bottom: 30px;
85
- opacity: 1;
86
- }
87
- }
88
-
89
- @keyframes fadein {
90
- from {
91
- bottom: 0;
92
- opacity: 0;
93
- }
94
- to {
95
- bottom: 30px;
96
- opacity: 1;
97
- }
98
- }
99
-
100
- @-webkit-keyframes fadeout {
101
- from {
102
- bottom: 30px;
103
- opacity: 1;
104
- }
105
- to {
106
- bottom: 0;
107
- opacity: 0;
108
- }
109
- }
110
-
111
- @keyframes fadeout {
112
- from {
113
- bottom: 30px;
114
- opacity: 1;
115
- }
116
- to {
117
- bottom: 0;
118
- opacity: 0;
119
- }
120
- }
121
- </style>
122
-
123
- <script>
124
- document
125
- .getElementById('zz-email-copy-icon')
126
- .addEventListener('click', function () {
127
- navigator.clipboard.writeText('{{ block.settings.email_address }}');
128
-
129
- var x = document.getElementById('toast-email-copied');
130
- x.className = 'show';
131
- setTimeout(function () {
132
- x.className = x.className.replace('show', '');
133
- }, 3000);
134
- });
135
- </script>
1
+ {% schema %}
2
+ {
3
+ "name": "Email Link",
4
+ "settings": [
5
+ {
6
+ "type": "text",
7
+ "id": "email_address",
8
+ "label": "邮箱地址",
9
+ "default": "pr@hoverair.com"
10
+ },
11
+ {
12
+ "type": "text",
13
+ "id": "subject",
14
+ "label": "邮件主题",
15
+ "default": "Media Inquiries"
16
+ },
17
+ {
18
+ "type": "text",
19
+ "id": "text",
20
+ "label": "复制成功提示",
21
+ "default": "Copied to clipboard"
22
+ }
23
+ ],
24
+ "presets": [
25
+ {
26
+ "name": "Email Link"
27
+ }
28
+ ]
29
+ }
30
+ {% endschema %}
31
+
32
+ <style>
33
+ .zz-btn-icon {
34
+ display: flex;
35
+ padding-left: 4px;
36
+ }
37
+ </style>
38
+
39
+ <span class='tw-inline-flex tw-text-[#378DDD] tw-items-center tw-text-[12px] lg:tw-text-[14px] '>
40
+ <a
41
+ href='mailto:{{ block.settings.email_address }}?subject={{ block.settings.subject | default: "Media Inquiries" }}'
42
+ class='tw-text-[#378DDD] tw-no-underline'
43
+ >
44
+ <span class='zz-btn-text'>{{ block.settings.email_address }}</span>
45
+ </a>
46
+ <span
47
+ class='zz-btn-icon tw-cursor-pointer tw-daisy-tooltip'
48
+ data-tip='Copy to clipboard'
49
+ id='zz-email-copy-icon'
50
+ >
51
+ {% render 'zz-icon', icon_name: 'copy', icon_size: 25 %}
52
+ </span>
53
+ </span>
54
+ <div id='toast-email-copied'>{{ block.settings.text | default: "Copied to clipboard" }}</div>
55
+
56
+ <style>
57
+ #toast-email-copied {
58
+ visibility: hidden;
59
+ min-width: 250px;
60
+ margin-left: -125px;
61
+ background-color: #333;
62
+ color: #fff;
63
+ text-align: center;
64
+ border-radius: 2px;
65
+ padding: 16px;
66
+ position: fixed;
67
+ z-index: 1;
68
+ left: 50%;
69
+ bottom: 30px;
70
+ }
71
+
72
+ #toast-email-copied.show {
73
+ visibility: visible;
74
+ -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
75
+ animation: fadein 0.5s, fadeout 0.5s 2.5s;
76
+ }
77
+
78
+ @-webkit-keyframes fadein {
79
+ from {
80
+ bottom: 0;
81
+ opacity: 0;
82
+ }
83
+ to {
84
+ bottom: 30px;
85
+ opacity: 1;
86
+ }
87
+ }
88
+
89
+ @keyframes fadein {
90
+ from {
91
+ bottom: 0;
92
+ opacity: 0;
93
+ }
94
+ to {
95
+ bottom: 30px;
96
+ opacity: 1;
97
+ }
98
+ }
99
+
100
+ @-webkit-keyframes fadeout {
101
+ from {
102
+ bottom: 30px;
103
+ opacity: 1;
104
+ }
105
+ to {
106
+ bottom: 0;
107
+ opacity: 0;
108
+ }
109
+ }
110
+
111
+ @keyframes fadeout {
112
+ from {
113
+ bottom: 30px;
114
+ opacity: 1;
115
+ }
116
+ to {
117
+ bottom: 0;
118
+ opacity: 0;
119
+ }
120
+ }
121
+ </style>
122
+
123
+ <script>
124
+ document
125
+ .getElementById('zz-email-copy-icon')
126
+ .addEventListener('click', function () {
127
+ navigator.clipboard.writeText('{{ block.settings.email_address }}');
128
+
129
+ var x = document.getElementById('toast-email-copied');
130
+ x.className = 'show';
131
+ setTimeout(function () {
132
+ x.className = x.className.replace('show', '');
133
+ }, 3000);
134
+ });
135
+ </script>