zz-shopify-components 0.0.21 → 0.0.22

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 (73) hide show
  1. package/CHANGELOG.md +21 -21
  2. package/README.md +56 -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/blocks/zz-accessories-item.liquid +188 -188
  18. package/blocks/zz-accessories-swiper.liquid +223 -223
  19. package/blocks/zz-button.liquid +216 -216
  20. package/blocks/zz-content-description-html.liquid +201 -201
  21. package/blocks/zz-content-description.liquid +209 -209
  22. package/blocks/zz-flex-layout-bg-block.liquid +524 -524
  23. package/blocks/zz-flex-layout-block.liquid +548 -548
  24. package/blocks/zz-flex-layout-widget.liquid +321 -321
  25. package/blocks/zz-full-screen-swiper.liquid +447 -447
  26. package/blocks/zz-icon.liquid +46 -46
  27. package/blocks/zz-mail.liquid +135 -135
  28. package/blocks/zz-mb-swiper-pc-flex.liquid +273 -273
  29. package/blocks/zz-price-tag-mini.liquid +100 -106
  30. package/blocks/zz-price-tag.liquid +41 -41
  31. package/blocks/zz-ratio-image.liquid +181 -181
  32. package/blocks/zz-ratio-video.liquid +115 -115
  33. package/blocks/zz-responsive-width-image.liquid +222 -222
  34. package/blocks/zz-responsive-width-video.liquid +166 -166
  35. package/blocks/zz-scroll-animate-bg-text.liquid +268 -268
  36. package/blocks/zz-scroll-cover.liquid +67 -67
  37. package/blocks/zz-tag.liquid +50 -50
  38. package/blocks/zz-text.liquid +227 -227
  39. package/blocks/zz-title.liquid +287 -287
  40. package/blocks/zz-video-button.liquid +84 -84
  41. package/blocks/zz-video-swiper-perview-item.liquid +221 -221
  42. package/blocks/zz-video-swiper-perview.liquid +585 -585
  43. package/component.config.json +7 -7
  44. package/package.json +1 -1
  45. package/scripts/postinstall-v1.js +39 -39
  46. package/scripts/postinstall-v2.js +47 -47
  47. package/scripts/postinstall-v3.js +51 -51
  48. package/scripts/publish-npm.js +43 -43
  49. package/sections/zz-flex-layout-section.liquid +269 -269
  50. package/sections/zz-navigation-tab-v3.liquid +407 -407
  51. package/sections/zz-navigation-tab.liquid +411 -411
  52. package/sections/zz-shopping-card-list.liquid +399 -399
  53. package/sections/zz-video-collapse-swiper.liquid +522 -522
  54. package/sections/zz-video-tab-swiper.liquid +748 -748
  55. package/snippets/zz-button.liquid +70 -70
  56. package/snippets/zz-content-h3.liquid +15 -15
  57. package/snippets/zz-content-text.liquid +56 -56
  58. package/snippets/zz-h2.liquid +31 -31
  59. package/snippets/zz-h3.liquid +31 -31
  60. package/snippets/zz-h4.liquid +30 -30
  61. package/snippets/zz-h5.liquid +39 -39
  62. package/snippets/zz-h6.liquid +39 -39
  63. package/snippets/zz-icon-next.liquid +17 -17
  64. package/snippets/zz-icon-prev.liquid +17 -17
  65. package/snippets/zz-icon.liquid +74 -74
  66. package/snippets/zz-img.liquid +44 -44
  67. package/snippets/zz-prev-next-btn.liquid +62 -62
  68. package/snippets/zz-price-tag.liquid +22 -22
  69. package/snippets/zz-spoke.liquid +142 -142
  70. package/snippets/zz-tag.liquid +22 -22
  71. package/snippets/zz-video-button.liquid +54 -54
  72. package/snippets/zz-video-md.liquid +117 -117
  73. 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>