zz-shopify-components 0.16.3-beta.6 → 0.16.3-beta.7
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.
- package/blocks/zz-normal-swiper.liquid +25 -73
- package/package.json +1 -1
|
@@ -17,68 +17,28 @@
|
|
|
17
17
|
letter-spacing: 0;
|
|
18
18
|
padding-bottom: 48px;
|
|
19
19
|
}
|
|
20
|
-
{% if block.settings.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
#shopify-block-{{block.id}} .zz-normal-swiper {
|
|
25
|
-
width: {{ block.settings.pc_lg_width }}vw;
|
|
26
|
-
margin: 0 auto;
|
|
27
|
-
transition: all 0.6s ease;
|
|
28
|
-
position: relative;
|
|
29
|
-
}
|
|
20
|
+
{% if block.settings.right_to_edge == true %}
|
|
21
|
+
@media (min-width: 1280px) {
|
|
22
|
+
#shopify-block-{{block.id}} .zz-normal-swiper {
|
|
23
|
+
padding-left: calc((100% - {{ block.settings.pc_xl_width }}px) / 2);
|
|
30
24
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
transition: all 0.6s ease;
|
|
37
|
-
position: relative;
|
|
38
|
-
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@media (min-width: 1024px) and (max-width: 1279px) {
|
|
28
|
+
#shopify-block-{{block.id}} .zz-normal-swiper {
|
|
29
|
+
padding-left: calc((100% - {{ block.settings.pc_lg_width }}vw) / 2);
|
|
39
30
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
{
|
|
43
|
-
|
|
44
|
-
#shopify-block-{{block.id}} .zz-normal-swiper {
|
|
45
|
-
margin-left: calc((100% - {{ block.settings.pc_xl_width }}px) / 2);
|
|
46
|
-
margin-right: 0;
|
|
47
|
-
width: calc({{ block.settings.pc_xl_width }}px + (100% - {{ block.settings.pc_xl_width }}px) / 2);
|
|
48
|
-
}
|
|
49
|
-
#shopify-block-{{block.id}} .zz-normal-swiper .swiper-pagination {
|
|
50
|
-
left: 50%;
|
|
51
|
-
transform: translateX(-50%);
|
|
52
|
-
width: {{ block.settings.pc_xl_width }}px;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
@media (min-width: 1024px) and (max-width: 1279px) {
|
|
57
|
-
#shopify-block-{{block.id}} .zz-normal-swiper {
|
|
58
|
-
margin-left: calc((100% - ({{ block.settings.pc_lg_width }}vw)) / 2);
|
|
59
|
-
margin-right: 0;
|
|
60
|
-
width: calc({{ block.settings.pc_lg_width }}vw + (100% - ({{ block.settings.pc_lg_width }}vw)) / 2);
|
|
61
|
-
}
|
|
62
|
-
#shopify-block-{{block.id}} .zz-normal-swiper .swiper-pagination {
|
|
63
|
-
left: 50%;
|
|
64
|
-
transform: translateX(-50%);
|
|
65
|
-
width: {{ block.settings.pc_lg_width }}vw;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
@media (max-width: 1024px) {
|
|
69
|
-
#shopify-block-{{block.id}} .zz-swiper-wrapper {
|
|
70
|
-
padding-left: 20px;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
{% endif %}
|
|
74
|
-
|
|
75
|
-
{% else %}
|
|
76
|
-
#shopify-block-{{block.id}} {
|
|
77
|
-
width: 100%;
|
|
31
|
+
}
|
|
32
|
+
@media (max-width: 1024px) {
|
|
33
|
+
#shopify-block-{{block.id}} .zz-normal-swiper {
|
|
34
|
+
padding-left: 20px;
|
|
78
35
|
}
|
|
79
|
-
|
|
80
|
-
|
|
36
|
+
}
|
|
81
37
|
|
|
38
|
+
{% endif %}
|
|
39
|
+
#shopify-block-{{block.id}} {
|
|
40
|
+
width: 100%;
|
|
41
|
+
}
|
|
82
42
|
|
|
83
43
|
#shopify-block-{{block.id}} .swiper-button-next:after,
|
|
84
44
|
#shopify-block-{{block.id}} .swiper-button-prev:after {
|
|
@@ -358,34 +318,26 @@
|
|
|
358
318
|
},
|
|
359
319
|
{
|
|
360
320
|
"type": "checkbox",
|
|
361
|
-
"id": "
|
|
362
|
-
"label": "
|
|
321
|
+
"id": "right_to_edge",
|
|
322
|
+
"label": "内容区域是否靠右到边缘",
|
|
363
323
|
"default": false
|
|
364
324
|
},
|
|
365
325
|
{
|
|
366
326
|
"type": "number",
|
|
367
327
|
"id": "pc_xl_width",
|
|
368
|
-
"label": "XL
|
|
328
|
+
"label": "XL屏幕左对齐区域宽度 (px)",
|
|
369
329
|
"default": 1200,
|
|
370
|
-
"
|
|
371
|
-
"visible_if": "{{ block.settings.pc_full_width == false }}"
|
|
330
|
+
"visible_if": "{{ block.settings.right_to_edge == true }}"
|
|
372
331
|
},
|
|
373
332
|
{
|
|
374
333
|
"type": "number",
|
|
375
334
|
"id": "pc_lg_width",
|
|
376
|
-
"label": "LG
|
|
335
|
+
"label": "LG屏幕左对齐区域宽度 (vw)",
|
|
377
336
|
"default": 90,
|
|
378
|
-
"
|
|
379
|
-
"visible_if": "{{ block.settings.pc_full_width == false }}"
|
|
337
|
+
"visible_if": "{{ block.settings.right_to_edge == true }}"
|
|
380
338
|
},
|
|
381
339
|
|
|
382
|
-
|
|
383
|
-
"type": "checkbox",
|
|
384
|
-
"id": "right_to_edge",
|
|
385
|
-
"label": "内容区域是否靠右对齐到边缘",
|
|
386
|
-
"visible_if": "{{ block.settings.pc_full_width == false }}",
|
|
387
|
-
"default": true
|
|
388
|
-
},
|
|
340
|
+
|
|
389
341
|
|
|
390
342
|
{
|
|
391
343
|
"type": "checkbox",
|