zz-shopify-components 0.26.0 → 0.27.0
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/package.json +1 -1
- package/sections/zz-video-collapse-swiper.liquid +6 -5
- package/sections/zz-video-tab-swiper.liquid +3 -2
- package/snippets/zz-accessories-preview-swiper.liquid +1 -1
- package/snippets/zz-gallery-tab.liquid +1 -1
- package/snippets/zz-product-preview.liquid +6 -4
- package/snippets/zz-product-video.liquid +1 -1
package/package.json
CHANGED
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
<div class="tw-daisy-collapse collapse-arrow tw-daisy-join-item ">
|
|
331
331
|
<input type="radio" name="my-accordion-{{ section.id }}" value="{{ forloop.index }}" {% if forloop.first %}checked data-last-checked="true"{% endif %} style="cursor: pointer;" />
|
|
332
332
|
{% assign collapsible_title_color = section.settings.collapsible_title_color
|
|
333
|
-
| color_modify: 'alpha', 0.
|
|
333
|
+
| color_modify: 'alpha', 0.5
|
|
334
334
|
%}
|
|
335
335
|
<div class="tw-daisy-collapse-title tw-py-[20px] tw-px-0 tw-text-[20px] tw-font-[700] tw-leading-[1]" style="color: {{ collapsible_title_color }};">
|
|
336
336
|
{{ collapsible_row.settings.heading }}
|
|
@@ -369,14 +369,14 @@
|
|
|
369
369
|
{% else %}
|
|
370
370
|
{%
|
|
371
371
|
render 'zz-img',
|
|
372
|
-
mb_image:
|
|
373
|
-
image_alt:
|
|
372
|
+
mb_image: collapsible_row.settings.poster_mb,
|
|
373
|
+
image_alt: collapsible_row.settings.heading | escape,
|
|
374
374
|
class_name: 'image-video-box',
|
|
375
375
|
%}
|
|
376
376
|
{% endif %}
|
|
377
377
|
</div>
|
|
378
378
|
|
|
379
|
-
<div class='slide-box {% if section.settings.mobile_style == 'left_right' %}tw-pt-[20px] tw-h-[140px]{% else %}tw-mt-[100px] tw-h-[
|
|
379
|
+
<div class='slide-box {% if section.settings.mobile_style == 'left_right' %}tw-pt-[20px] tw-h-[140px]{% else %}tw-mt-[100px] tw-h-[150px]{% endif %} tw-box-border'>
|
|
380
380
|
<div class='active-box-content tw-hidden'>
|
|
381
381
|
{% if section.settings.mobile_style == 'left_right' %}
|
|
382
382
|
{% render 'zz-h5',
|
|
@@ -520,7 +520,7 @@
|
|
|
520
520
|
{% if section.settings.mobile_style == 'tab' %}
|
|
521
521
|
#shopify-section-{{ section.id }} .zz-collapse-swiper .swiper-pagination-bullets {
|
|
522
522
|
{% if section.settings.mobile_style == 'tab' %}
|
|
523
|
-
bottom:
|
|
523
|
+
bottom: 170px;
|
|
524
524
|
{% else %}
|
|
525
525
|
bottom: 85px;
|
|
526
526
|
{% endif %}
|
|
@@ -529,6 +529,7 @@
|
|
|
529
529
|
transform: translateX(-50%);
|
|
530
530
|
width: calc(100% - 40px);
|
|
531
531
|
background: white;
|
|
532
|
+
overflow-y: hidden;
|
|
532
533
|
border-radius: 10px;
|
|
533
534
|
|
|
534
535
|
}
|
|
@@ -55,9 +55,10 @@
|
|
|
55
55
|
#shopify-section-{{ section.id }} .zz-banner-tab-swiper .swiper-slide .media-box {
|
|
56
56
|
position: relative;
|
|
57
57
|
width: 100%;
|
|
58
|
-
aspect-ratio:
|
|
58
|
+
aspect-ratio: 335 / 252;
|
|
59
59
|
}
|
|
60
60
|
#shopify-section-{{ section.id }} .zz-banner-tab-swiper .swiper-pagination-bullets {
|
|
61
|
+
overflow-y: hidden;
|
|
61
62
|
bottom: 85px;
|
|
62
63
|
left: 50%;
|
|
63
64
|
transform: translateX(-50%);
|
|
@@ -163,7 +164,7 @@
|
|
|
163
164
|
#shopify-section-{{ section.id }} .zz-banner-tab-swiper .swiper-slide .media-box {
|
|
164
165
|
position: relative;
|
|
165
166
|
width: 1080px;
|
|
166
|
-
|
|
167
|
+
height: 608px;
|
|
167
168
|
}
|
|
168
169
|
#shopify-section-{{ section.id }} .zz-banner-tab-swiper .swiper-pagination-bullets {
|
|
169
170
|
width: auto;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
</svg>
|
|
59
59
|
|
|
60
60
|
<div class=' tw-flex tw-flex-col '>
|
|
61
|
-
<div class='lg:tw-text-[
|
|
61
|
+
<div class='lg:tw-text-[14px] tw-text-[12px] tw-leading-[1.2] tw-font-semibold'>
|
|
62
62
|
{{
|
|
63
63
|
block.settings.accessories_title
|
|
64
64
|
| default: accessories_point_variant.title
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<gallery-tab>
|
|
2
|
-
<div class='gallery-tab-container lg:tw-mt-[20px] tw-mt-[12px]
|
|
2
|
+
<div class='gallery-tab-container lg:tw-mt-[20px] tw-mt-[12px] tw-w-full tw-z-10 tw-text-center tw-flex tw-items-center tw-justify-center lg:tw-gap-[12px] tw-gap-[4px]'>
|
|
3
3
|
<div
|
|
4
4
|
class='gallery-tab-item active'
|
|
5
5
|
data-test-locator='galleryTabItemPhoto'
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<div class='tw-
|
|
2
|
-
<div class='product-container tw-flex tw-items-center tw-justify-center'>
|
|
1
|
+
<div class=' tw-h-full tw-flex tw-flex-col tw-flex-1 tw-relative lg:tw-py-[20px]'>
|
|
2
|
+
<div class='product-container lg:tw-max-h-[721px] tw-flex-1 tw-min-h-0 tw-flex tw-items-center tw-justify-center'>
|
|
3
3
|
{% comment %} 左侧产品预览 {% endcomment %}
|
|
4
4
|
<div
|
|
5
|
-
class='product-preview
|
|
5
|
+
class='product-preview max-lg:tw-w-full lg:tw-h-full tw-aspect-square lg:tw-rounded-[16px] tw-overflow-hidden'
|
|
6
6
|
data-test-locator='productPreview'
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
@@ -47,5 +47,7 @@
|
|
|
47
47
|
{% endif %}
|
|
48
48
|
</div>
|
|
49
49
|
</div>
|
|
50
|
+
<div class="tw-shrink-0">
|
|
51
|
+
{% render 'zz-gallery-tab' show_accessories_point: show_accessories_point, show_video: show_video, show_model: show_model %}
|
|
52
|
+
</div>
|
|
50
53
|
</div>
|
|
51
|
-
{% render 'zz-gallery-tab' show_accessories_point: show_accessories_point, show_video: show_video, show_model: show_model %}
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
|
|
84
84
|
{%- if tabs_count > 1 -%}
|
|
85
85
|
<div
|
|
86
|
-
class=' product-video-tabs tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-[
|
|
86
|
+
class=' product-video-tabs tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-[50px] tw-bg-white '
|
|
87
87
|
role='tablist'
|
|
88
88
|
aria-label='Product video tabs'
|
|
89
89
|
>
|